EasyUI DataGrid 初始化不加载数据

最新推荐文章于 2021-03-24 00:39:53 发布

vil du

最新推荐文章于 2021-03-24 00:39:53 发布

阅读量5.8k

点赞数 2

分类专栏： FrontEnd

本文链接：https://blog.csdn.net/my_ben/article/details/86717202

版权

FrontEnd 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

EasyUI DataGrid 初始化不加载数据，下面有两种方法可参考。

重新加载DataGrid url，代码如下：

$('#dg').datagrid({
      title: "合同交互",
      fit: true,
      queryParams: {
          BeginTime: $('#date_beginTime').datetimebox("getValue"),
          EndTime: $('#date_endTime').datetimebox("getValue"),
      },
      rownumbers: true,
      pagination: true,
      url: "",
      pageSize: 20,
      singleSelect: true,
      columns: [
                 [
                    { field: "AddTime", title: "添加时间", width: 150, align: "center" },
                    { field: "Url", title: "访问地址", width: 1100, align: "center" },
                    { field: "ExceptionMessage", title: "异常信息", width: 300, align: "center" },
                    { field: "OutputContent", title: "输出内容", width: 1000, align: "center" },
                    { field: "Duration", title: "访问耗时", width: 100, align: "center" },
                    { field: "ip", title: "访问IP", width: 150, align: "center" }
                ]
            ]
     });

$("#button_search").linkbutton({ iconCls: "icon-search" })
         .click(function () {
          var url = "/Contract/IPRequestsContractListByApplyId"; // 重新赋值url 属性（关键代码）
          $('#dg').datagrid('options').url = url;
          $('#dg').datagrid("load", {
                BeginTime: $('#date_beginTime').datetimebox("getValue"),
                EndTime: $('#date_endTime').datetimebox("getValue"),
          });
 });

使用DataGrid的onBeforeLoad事件，代码如下：

$('#dg').datagrid({
      title: "合同交互",
      fit: true,
      queryParams: {
          BeginTime: $('#date_beginTime').datetimebox("getValue"),
          EndTime: $('#date_endTime').datetimebox("getValue"),
      },
      rownumbers: true,
      pagination: true,
      url: "/Contract/IPRequestsContractListByApplyId",
      pageSize: 20,
      singleSelect: true,
      columns: [
                 [
                    { field: "AddTime", title: "添加时间", width: 150, align: "center" },
                    { field: "Url", title: "访问地址", width: 1100, align: "center" },
                    { field: "ExceptionMessage", title: "异常信息", width: 300, align: "center" },
                    { field: "OutputContent", title: "输出内容", width: 1000, align: "center" },
                    { field: "Duration", title: "访问耗时", width: 100, align: "center" },
                    { field: "ip", title: "访问IP", width: 150, align: "center" }
                ]
            ],
      onBeforeLoad: function (param) {
                var firstLoad = $(this).attr("firstLoad");
                if (firstLoad == "false" || typeof (firstLoad) == "undefined")
                {
                    $(this).attr("firstLoad","true");
                    return false;
                }
                return true;
            }

     });