easyui queryParams的使用

最新推荐文章于 2023-05-04 11:58:26 发布

xiao_seven

最新推荐文章于 2023-05-04 11:58:26 发布

阅读量1w

点赞数

本文介绍如何在 EasyUI 框架中使用 datagrid 组件进行远程数据请求，并展示了如何通过设置 queryParams 参数来传递额外信息以实现数据筛选。此外，还提供了具体的 JavaScript 代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在请求远程数据的时候发送额外的参数。

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

另一种用法：

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




``
`

    function  LineSearchww(){
        $('#ManchineList').datagrid( {
//          url : 'lineManageAction!loadLineList.action',
            url : 'lineManageAction!loadLineListByWorkshop.action',
            pageNumber : 1, 
            queryParams : {
                linename : $('#linename').val(),
                workshop : $('#workshop').val(),
                factoryname : $('#factoryname').val()
            },
            onLoadSuccess:function(data){
                  var message = parent.document.getElementById("message"); 
                    message.innerHTML=data.messageCode; 
                    $('#linename').val("");
                    }
        });

    }

“`