jQuery EasyUI combogrid的用法及心得

首先我们需要一个创建一个input标签存储combogrid

<input id="combogridOne" name="dept" value="01">
$('#combogridOne').combogrid({
    delay: 450,
    mode: 'remote',
    url: '/RawMaterial/SearchMaterial',
    idField: 'Raw_Material_ID',
    textField: 'RM_Name',
    columns: [[
		{field:'RM_Number',title:'RM_Number',width:200,sortable:true},
        {field:'RM_Name',title:'RM_Name',width:400,sortable:true},
		{field:'RM_Specification',title:'RM_Specification',width:120,sortable:true}
    ]]
});

我们在input标签中输入文字是会先后端传递一个名称为q的参数,我们可通过这个参数获取我们想要的数据,并且进行展示,一般后端返回的数据不易过多一般20-50条就可以了,太多了会影响控件的性能,当初我用的时候一下返回了2000多行他直接卡爆了,后面我改成返回前40行数据瞬间提高了性能。可以为combogrid增加onselect属性来为其他文本框赋值。当初是combogrid的行编辑时做的。

 


版权声明:本文为junbaoba原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。