首页 > 代码库 > easyUI Datagrid 控件 param参数的用途探索

easyUI Datagrid 控件 param参数的用途探索

关于easyUI Datagrid  控件 param参数,官方文本很少解释,主要有如下说明:

queryParamsobjectWhen request remote data, sending additional parameters also.

Code example:

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

有人认为这个参数可有可无,比如:

queryParams这个属性的作用其实就是在url的请求中添加额外的参数;

比如:url:“${ctx}/sys/user.action?name=‘小明’ ”,如果你想再附加一个参数age=18;

好比url:“${ctx}/sys/user.action?name=‘小明’&age=18 ”这样的url,这样的话,你就可以利用queryParams这个属性了;

在js中写一个方法

function addParam(){

var param = {“age” :18};搜索

$("#tt").datagrid("load", param);

}

 

我的用途:如下图,查询按钮的脚本事件中,修改datagrid的url属性,并刷新datagrid

貌似正确,实质无法实现的代码:

控制器对应的方法

public ActionResult LoadRemoteDelegationjson(string nameKey=null, string serialNumKey=null)
{

datagrid的构造

$(document).ready(function () {
var dataTable_RemoteDelegation = $(‘#dataTable_RemoteDelegation‘);
dataTable_RemoteDelegation.datagrid({
url: ‘/CustomService/LoadRemoteDelegationjson/‘,
idField: ‘ID‘,

 

//检索函数
function DoSearch() {
var GlobalNameKey = "";
var GlobalSerialNumKey = "";

$(‘#dataTable_RemoteDelegation‘).datagrid.attr("url", "/CustomService/LoadRemoteDelegationjson?nameKey=" + eacape(GlobalNameKey) + "&serialNumKey=" + eacape(GlobalSerialNumKey));
$(‘#dataTable_RemoteDelegation‘).datagrid(‘reload‘);

正确的代码:(应该说能起作用的代码)

//检索函数
function DoSearch() {

var GlobalNameKey = "";
var GlobalSerialNumKey = "";

var param = { "nameKey": GlobalNameKey, "serialNumKey": GlobalSerialNumKey };
$(‘#dataTable_RemoteDelegation‘).datagrid(‘load‘,param);

}