Question

我使用http://gijgo.com/Grid/中的gijgo作为数据表控件。
问题是：
嗯...有一个演示用于使用控制器方法的json填充数据。有用。
http://gijgo.com/Grid/Demos/BasicAjaxCall
有一个演示用于从直接填充JSON的表中删除行。它也有效。 http://gijgo.com/Grid/Methods/removeRow
但是当我尝试从控制器中填充JSON的表中删除行时，它似乎不起作用。
http://gijgo.com/LiveEdit/Index/grid.Base.removeRow.sample.html

<html>
<head>
  <meta charset="utf-8" />
  <title>Example</title>
  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <link href="/Areas/version_0_6/dist/modular/grid/css/grid.base.css" rel="stylesheet" type="text/css">
  <script src="/Areas/version_0_6/dist/modular/grid/js/grid.base.js"></script>
</head>
<body>
 <table id="grid"></table>
 <script>
     var grid;
     function Delete(e) {
         if (confirm('Are you sure?')) {
             grid.removeRow(e.data.id);
         }
     }
     grid = $('#grid').grid({
         primaryKey: 'ID',
         dataSource: '/version_0_6/Grid/GetPlayers',
         columns: [
            { field: 'ID', width: 32 },
            { field: 'Name' },
            { field: 'PlaceOfBirth', title: 'Place Of Birth' },
            { title: '', width: 60, align: 'center', tmpl: 'Delete', events: { 'click': Delete } }
         ]
     });
 </script>
</body>
</html>

我做错了吗？
非常感谢你！

Answer 1

请看这里的示例：https://code.msdn.microsoft.com/How-to-use-jQuery-Grid-5239f9c0#content。

执行此操作的方法是将Remove函数挂接到网格，然后从控制器中的数据库中删除该条目，然后重新加载。

将以下内容添加到网格中：

ember g component my-component --pod

添加删除功能：

`{ field: "Delete", title: "", width: 34, type: "icon", icon: "glyphicon-remove", tooltip: "Delete", events: { "click": Remove } }`

要进一步添加，您仍然可以通过不重新加载整个网格并在数据库中执行删除，然后在.done＆＃39;中为网格中的同一行调用removeRow来解决此问题。在删除功能。

function Remove(e) { $.ajax({ url: "Home/Remove", type: "POST", data: { id: e.data.id } }) .done(function () { grid.reload(); }) .fail(function () { alert("Unable to remove."); }); }

仅供参考：在我的例子中，我在同一页面上有多个这样的网格（gridvars），所以我将它们全部绑定到同一个Remove函数。

Gijgo网格 - 删除行

1 个答案: