dojo自定义下拉框

效果图:

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" }
          ]
});

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"}
		            ]
		            }
		          ];

#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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!