2016-09-01 39 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