2016-09-01 72 views
2

我正在開發lightswitch項目,並且正在使用JsGrid。我遇到了一個問題,我找不到解決方案。
這裏是場景: 我使用網格從數據庫表中獲取數據,當我更新其中一個單元格時它的值不會出現,除非我再次單擊該單元格,並且如果我在第二次更新它,那麼新值出現。 我嘗試在itemupdated後刷新網格,但仍然不會立即顯示新值。
我的代碼是在這裏:jsGrid中的單元格尚未更新

$("#jsGrid").jsGrid({ 
     width: "100%", 
     height: "auto", 
      inserting: true, 
     editing: true, 
     sorting: true, 
     paging: true, 
     autoload: true, 
     controller: { 
      loadData: function() { 
       var deferred = jQuery.Deferred(); 
       myapp.activeDataWorkspace.ApplicationData.Table1Items.load().done(function (data) { 
        deferred.resolve(data.results); 
       }); 
       return deferred.promise(); 
      }, 
      updateData: function() { 
       $("#jsGrid").jsGrid("refresh"); 
      }, 
      deleteItem: function (Item) { 
       $("#jsGrid").jsGrid("refresh"); 
      } 
     }, 
     fields: [ 
      { name: "EmployeeName", type: "text", width: 150 }, 

      { name: "Points", type: "text", width: 200 }, 

      { type: "control", editButton: true,        // show edit button 
       deleteButton: true,        // show delete button 
       clearFilterButton: true,      // show clear filter button 
       modeSwitchButton: true      // show switching filtering/inserting button 


      }] 
     , 
     onItemInserted: function (item) { 

     }, onItemUpdating: function (item) { 


      $("#jsGrid").jsGrid("refresh"); 
     }, 
     onItemUpdated: function (item)  

      { 
      $("#jsGrid").jsGrid("refresh"); 
      console.log("it is updated", item.item); 
      $("#jsGrid").jsGrid("refresh"); 

     } 
    }); 

你的幫助是提前寶貴的,非常感謝。

+1

歡迎使用堆棧溢出,請參閱[如何格式化代碼](http://meta.stackexchange.com/questions/22186/how-do-i-format-my-code-blocks ) – yash

+0

所以你看到更新後的空行,或者只顯示特定的單元格?你可以嘗試重現這個問題:https://jsfiddle.net/tabalinas/cy8b8Lro/或者只是提供一個公共鏈接來查看問題? – tabalin

+0

感謝您的回覆,我使用了它,但仍遇到同樣的問題「我必須點擊更新兩次才能更新單元格中的值」 –

回答

0

希望這可以幫助你。
updateItem是一個返回更新項目或jQuery承諾的函數,將用更新的項目解決。接受更新項目對象。
成功的更新項目,使用

updateItem: function(item) { 
    return $.ajax({ 
     type: "PUT", 
     url: "/items", 
     data: item 
    }); 
}, 

enter image description here如果您有任何疑問 ,評論如下。 詳細信息:請參閱link