如何在单击“搜索”按钮时使用json数据加载easyui的datagrid以及如何将参数作为json对象传递＆gt;？

Question

我正在尝试使用json数据加载数据网格。我需要在表单上加载datagrid。要加载数据我必须将表单值作为json或spring属性中的模型属性传递...下面是我的代码

dataGrid代码： -

$('#search_gridresult').datagrid({
        url:'someurl',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
method:'post',
        fitColumns:true,
        halign:'center',
        columns:[[{
            title:'Sl No.',
            field:'slNo',
            width:100
        },{
            title:'Person Id',
            field:'personId',
            width:100

        },{
            title:'Name',
            field:'userName',
            width:100

        },{
            title:'Email Id',
            field:'emailId',
            width:100

        }]] 
    });

单击“搜索”按钮时调用

函数： -

function searchUserResult(){
var str=$('#searchUser').serialize();
$('#search_gridresult').datagrid('load', {  

queryParam:str
});

Answer 1

尝试这样，

function searchUserResult（）{

 $.ajax({
      type: "POST",
      url: 'somurl',
      dataType: 'json',
          data:$('#searchUser').serialize(),    
    }).done(function( responseJson ) 
      {
          $('#search_gridresult').datagrid('loadData', responseJson ); 
          });
}