2016-03-17 56 views
0

我已經開始使用kendo.ui,並且在構建網格時遇到了一些問題。空網格有一列輸入和其他輸出

這是我的意圖添加2列的網格。用戶輸入的第一個。第二個是隻讀的。第二列中的值將來自DB。

要開始我希望我的網格空白只有一個空行。 用戶在第一列輸入代碼編號,按回車鍵。這將計算第二列中的值,並添加一個新行。

劍道應該很容易,但我有麻煩創建此。

$('#divGrid').kendoGrid({ 
         columns: [ 
         { field: "Partnumber" }, 
         { field: "Quantity" } 
         ], 
         dataSource: { 
          data: [ 
           { Partnumber: "", Quantity: '' }, 
          ], 
         }, 
         editable: { 
          mode: "inline" 
         } 
        }); 

這隻會添加一個空行,因爲我使用的是空數據源。

我試着把這個可編輯的,所以用戶可以進行輸入。但似乎兩個單元格都可編輯。

在此先感謝

安德烈

回答

0

現在意識到,沒有人回答這個問題,我已經找到了解決方法這一點。

使用更改事件,我可以「保存」行後引入。只需等待響應。 我已經使用kendo進度來阻止用戶與網格交互。

$('#divGrid').kendoGrid({ 
        columns: [ 
        { field: "Partnumber" }, 
        { field: "Quantity" } 
        ], 
        dataSource: { 
         data: [], 
         schema: { 
           model: { 
            fields: { 
             Partnumber: { type: "string", validation: { required: true } }, 
             Quantity: { type: "string" } 
            } 
           } 
          }, 
          change: function (e) { 
           // Other code here 

           if (e.action === "itemchange" && e.field === "Partnumber") { 
              kendo.ui.progress(loading, true);           
              var data = grid.dataSource.data(); 
              data[0].set('Partnumber', kendo.toString(obj[0].qty, "n0")); 
              data[0].set('Quantity', kendo.toString(obj[0].stock, "n0")); 
            } 

        } 
        }, 
        editable: { 
         mode: "inline" 
        } 
       }); 

希望這可以幫助任何人。

André