您的位置:首页 > 产品设计 > UI/UE

easyui datagrid queryParams的使用 动态参数

2017-11-14 17:24 363 查看
在datagrid初始化时我们可以使用如下代码实现带参数查询

$('#dg').datagrid({
queryParams: {
name: 'easyui',
subject: 'datagrid'
}
});


但是当我们选择下一页时,datagrid依然使用原来的参数进行查询。也就是说如下代码是无法在用户选择下一页时动态重新获取id的值的。它的参数静态存储的,不会自动更新。

$('#dg').datagrid({
queryParams: {
name: $('#easyui').val(),
subject: $('#datagrid').val()
}
});


因此我们需要另外一种方式动态赋值参数:

var queryParams = $('#dg').datagrid('options').queryParams;
queryParams.name = $('#easyui').val();
queryParams.subject = $('#datagrid').val();
$('#dg').datagrid('reload');


如果我们需要在查询时除去参数,也得手动除去,比如:

var queryParams = $('#dg').datagrid('options').queryParams;
queryParams.name = "";
queryParams.subject = "";
$('#dg').datagrid('reload');
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  easyui datagrid