过滤正在进行时显示弹出视图

在我的组的项目中，我们有一个网格和导出按钮。我们遇到了一个问题，那就是当以excel格式提取数据时：http://jsfiddle.net/SZBrt/11/需要显示弹出消息，提示'数据正在被过滤'显示，以便我们可以知道正在进行过滤。我很感激你的帮助。过滤正在进行时显示弹出视图

而且我的代码：

 var grid = $("#grid").kendoGrid({ 
     dataSource: { 
      type   : "odata", 
      transport  : { 
       read: "http://demos.kendoui.com/service/Northwind.svc/Orders" 
      }, 
      schema   : { 
       model: { 
        fields: { 
         OrderID : { type: "number" }, 
         Freight : { type: "number" }, 
         ShipName : { type: "string" }, 
         OrderDate: { type: "date" }, 
         ShipCity : { type: "string" } 
        } 
       } 
      }, 
      pageSize  : 10 
     }, 
     filterable: true, 
     sortable : true, 
     pageable : true, 
     columns : [ 
      { 
       field  : "OrderID", 
       filterable: false 
      }, 
      "Freight", 
      { 
       field : "OrderDate", 
       title : "Order Date", 
       width : 100, 
       format: "{0:MM/dd/yyyy}" 
      }, 
      { 
       field: "ShipName", 
       title: "Ship Name", 
       width: 200 
      }, 
      { 
       field: "ShipCity", 
       title: "Ship City" 
      } 
     ] 
    }).data("kendoGrid");

来源

2013-03-19 paul

添加到DataSource定义的事件处理程序requestStart和requestEnd。

dataSource: { 
    requestStart : function() { 
     // Add code for displaying your own "loading" message 
    }, 
    requestEnd: function() { 
     // Add code for hiding your own "loading" message 
    }, 
    type   : "odata", 
      transport  : { 
     read: "http://demos.kendoui.com/service/Northwind.svc/Orders" 
    }, 
    schema   : { 
     model: { 
      fields: { 
       OrderID : { type: "number" }, 
       Freight : { type: "number" }, 
       ShipName : { type: "string" }, 
       OrderDate: { type: "date" }, 
       ShipCity : { type: "string" } 
      } 
     } 
    }, 
    pageSize  : 10 
},

你没有指定加载消息的样子，可能是因为添加/删除知名度一样简单：

requestStart: function() { 
    $("#loading-msg").css("visibility", "visible"); 
}, 
requestEnd: function() { 
    $("#loading-msg").css("visibility", "hidden"); 
},

或打开/关闭窗口：

requestStart: function() { 
    $("#loading-msg").data("kendoWindow").center().open(); 
}, 
requestEnd: function() { 
    $("#loading-msg").data("kendoWindow").close(); 
},

来源

2013-03-19 07:58:29 OnaBai

雅我试过这个，但没有结果这里是小提琴http://jsfiddle.net/SZBrt/25/ – paul 2013-03-19 08:18:57

当然，你没有创建窗口，所以不能打开/关闭它。看到它[这里]（http://jsfiddle.net/OnaBai/SZBrt/26/） – OnaBai 2013-03-19 08:36:46

你非常感谢你的快速回复，但弹出后没有自动关闭加载数据后和过滤器点击“清除按钮”弹出通过弹出提高这是很好的不自动关闭http://jsfiddle.net/MG89G/386/ – paul 2013-03-19 08:53:23

过滤正在进行时显示弹出视图

回答

相关问题