如何在jqxgrid中编辑动态行数据

本文关键字:动态 数据 编辑 jqxgrid | 更新日期: 2023-09-27 18:11:49

我使用Jqxgrid来显示我的动态数据,在我的最后一列中,每一行都有一个Edit Button。我需要在单击编辑按钮时执行特定的行编辑。

我使用Datatable和smartgridboundfields来显示jqxgrid中的数据。

我如何执行这种类型的功能?

string HTML = ";

            html += "<a id='sedit'>Edit</a>";
            html += "<a id='sdelete' style='margin-left: 10px'>Delete</a>";
            dr["Actions"] = html;

这段代码是我在jqxgrid中显示的编辑按钮后面的代码。

如何在jqxgrid中编辑动态行数据

在这种情况下,您可以使用beginrowedit:

$('#sedit').on('click', function () {
  // here change the 0 for the row index
  $("#jqxgrid").jqxGrid('beginrowedit', 0); 
});

begincelledit:

$('#sedit').on('click', function () {
  // here change the 0 for the row index, 
  // and your column datafield instead of "firstname"
  $("#jqxgrid").jqxGrid('begincelledit', 0, "firstname"); 
});

为了得到行索引:var rowindex = $('#jqxgrid').jqxGrid('getselectedrowindex');