easyui datagrid combobox 默认值的设置

最新推荐文章于 2022-01-12 09:23:06 发布

原创最新推荐文章于 2022-01-12 09:23:06 发布 · 5k 阅读

1 ·

CC 4.0 BY-SA版权

BS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用combobox编辑器来实现货物状态选择的功能配置，包括如何设置combobox的属性，如valueField、textField等，并详细说明了如何通过onSelect事件处理选中后的动作以及如何在加载成功后默认选择第一个选项。

{ field: 'goods_status', title: '货物状态', align:'center',width:"80px",sortable:false,editor:'text',
	                      	  formatter:function(value,row){
	                              return row.goods_status;
	                          },
	                          editor:{
	                              type:'combobox',
	                              options:{
	                                  valueField:'goods_status_desc',
	                                  textField:'goods_status_desc',
	                                  url:'goodsStatus.do',
	                                  onSelect: function (data) {
//选中后执行要执行的动作	                                  		$('#grid').datagrid('getEditor',{index:editIndex,field:'goods_status_id'}).target.val(data.goods_status_id);
	                          			} ,
	                          		onLoadSuccess: function () {
	                          			//加载完成，默认选中
	                          			var data = $(this).combobox('getData');
	                          			$(this).combobox('select',data[0].goods_status_desc);
	                          			$('#grid').datagrid('getEditor',{index:editIndex,field:'goods_status_id'}).target.val(data[0].goods_status_id);
	                                   // $(this).combobox('setValue', data);
	                                   // $(this).combobox('setText', '--请选择--');
	                                 },
	                                  required:true,
	                                  panelHeight:"auto",
	                                  editable:false
	                              }
	                          }
	                         },

参考：https://ask.youkuaiyun.com/questions/204675 结合自己的需求修改的