Easy UI 知识点以及easyui datagrid 动态生成列

知识点记录

1.下拉框的属性设置

<input type="text" style="width: 90px;" id="DEP_CODE" name="DEP_CODE" class="list-text easyui-combogrid" data-options="panelWidth:260,

                    idField:'GENERAL_CODE',

                    textField:'GENERAL_CODE',

                    url: '@Url.Content("~/Combo/getGENERALP")',

                    method:'post',

                    mode:'remote',

                    editable:true,

                    multiple:true,//是否多选

                    columns:[[

                        {field: 'ck', checkbox: true },//多选列

                        {field:'GENERAL_CODE',title:'Code',width:100},

                        {field:'GENERAL_NAME',title:'Name',width:150}

                    ]]" />

2.combogrid下拉框JQ控制能否编辑

可编辑：

$("#F9_BROKER_CODE").combogrid('enable');

不可编辑：

$('#F9_BROKER_CODE').combogrid('disable');

3.Easy UI下拉框写死数据的方法

 

$("#IDTYPE").combogrid({

 

                panelWidth: 82,

 

                idField: 'id',

 

                textField: 'id',

 

                onHidePanel: HideAllValida,

 

                method: 'post',

 

                editable: true,

 

                mode: 'remote',

 

                columns: [[

 

                    { field: 'id', title: 'Code', width: 80 }

 

                ]],

 

                data: [{ id: "Inv.No." }, { id: "Master#" }, { id: "House#" }, { id: "Lot#" }, { id: "Ul No." }]

 

            });

 

3.easyui datagrid 动态生成列

转载：https://www.2cto.com/kf/201209/157614.html

本文内容若有不允许转载的或任何不妥请与我联系！