easy ui datagrid 简单用法2

一：datagrid增删改查操作



1:查询

查询不过就是需要一些筛选条件，而datagrid的load方法，可以很好的支持

向后台提供需要的筛选条件

$("#dt").datagrid("load",{uername:'aaa'})

第二个参数就是需要的查询条件，是一个json对象

传对象的时候可以使用jquery插件把查询条件的表单序列化成json对象

不用自己去一个一个拼接参数

2:增删改

先使用toolbar给datagrid增加增删改查的功能条

toolbar: [
                    { text: '增加', iconCls: "icon-add", handler: function () { } }, '-',
                    { text: '删除', iconCls: "icon-remove", handler: function () { } }, '-',
                    { text: '修改', iconCls: "icon-edit", handler: function () { } },'-',
                    { text: '查询', iconCls: "icon-search", handler: function () { } }
               ]

二：获取datagrid中的editor嵌套对象

<th id="lineid" data-options="field:'LineId',width:130,

formatter:function(value,row){

return row.LineName;

},

editor:{

type:'combobox',

options:{

valueField:'LineId',

textField:'LineName',

url:'/PortList/GetLineAll2',

multiple:true,

editable:false

}

}">航线</th>

获取第1行的lineid中的嵌套对象

var ed = $('#dg').datagrid('getEditor', { index: 0 field: 'LineId' });

if (ed != null) {

var LineName = $(ed.target).combobox('getValues');

alert(LineName);

}



三：嵌套对应combobox设置默认值

<th data-options="field:'ServicePeopleId',width:80,

formatter:function(value,row){

return row.ServicePeopleName;

},

editor:{

type:'combobox',

options:{

valueField:'Id',

textField:'RealName',

url:'/xt/GetUser_DM',

editable:false,

onLoadSuccess:function()

{

var myvalue = $(this).combobox('getValue');

if(myvalue == '' || myvalue==null ){ //如果有值就不选择默认的，没有选择时才选择默认值

var data = $(this).combobox('getData');

$(this).combobox('select',data[0].Id);}

}

}

}">服务人员</th>



四：获取选中行的数据

var currentRow = $("#dg_gm").datagrid("getSelections");