過濾正在進行時顯示彈出視圖

在我的組的項目中，我們有一個網格和導出按鈕。我們遇到了一個問題，那就是當以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

過濾正在進行時顯示彈出視圖

回答

相關問題