效果图:
1创建dijit.form.select 部件
var myDijit = new Select({ options: [ { label: "类型一",value: "1",selected: true},{ label: "类型二",value: "2"},{ label: "类型三",value: "3" },{ label: "类型四",value: "4" },{ label: "类型五",value: "5" },{ label: "类型六",value: "6" },{ label: "类型七",value: "7" },{ label: "类型八",value: "8" },{ label: "类型九",value: "9" },{ label: "类型十",value: "10" } ] });
2.自定义自己的下拉框(此代码可以忽略)
var layerInfos = [ { 'featureLayer': lifeFeatureLayer,'showAttachments': true,'isEditable': true,'fieldInfos':[ {'fieldName': 'AREA_','isEditable':true,'label':'地区:','tooltip': '所属地区'},{'fieldName': 'NAME_','label':'名称:','tooltip': '社保站名称'},{'fieldName': 'TYPE_','label':'颜色:','customField':myDijit},{'fieldName': 'ADDRESS_','label':'地址:','tooltip': '社保站地址',"stringFieldOption": "textarea"} ] } ];
3.改变背景色(这个还没搞清楚怎么改,所以就现在css里改了)
#dijit_MenuItem_0_text{ background:#DFD4F4; } #dijit_MenuItem_1_text{ background:#FAE8CB; } #dijit_MenuItem_2_text{ background:#D4F9FD; } #dijit_MenuItem_3_text{ background:#CECFFB; } #dijit_MenuItem_4_text{ background:#FCD6D1; } #dijit_MenuItem_5_text{ background:#C1DAF5; } #dijit_MenuItem_6_text{ background:#ECFBE2; } #dijit_MenuItem_7_text{ background:#F4FBCE; } #dijit_MenuItem_8_text{ background:#DDC1F5; } #dijit_MenuItem_9_text{ background:#D3FBD0; }希望大神告知小弟如何在js中修改背景色,不胜感激!
原文地址:https://www.jb51.cc/dojo/291072.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。