使用内联编辑

时间:2016-06-08 17:29:06

标签: javascript jquery jqgrid

我有一个带内联编辑的jqGrid(EditActionIconsColumn = true)。我想在使用时单击jqGrid的Action列中的edit图标来更改编辑字段的属性。对于此实现,我正在寻找在行准备好进行用户修改之后发生的事件。

我没有使用grid.editRow()。我正在使用EditActionIconsColumn = true的行动栏。

我正在尝试像

这样的东西
$("#grid1").jqGrid().on("editRow", function() {  

});

但不行。是否有人为jqGrid尝试过这种方法?

我在下面的服务器代码中使用了EditActionIconsColumn,参考了demo(内联行>编辑:操作图标(保存,删除,取消))

    public void EditRowInlineActionIcons_SetUpGrid(JQGrid ordersGrid)
    {
        ordersGrid.Columns.Insert(0, new JQGridColumn
                                        {
                                            EditActionIconsColumn = true,
                                            EditActionIconsSettings = new EditActionIconsSettings
                                            { 
                                                SaveOnEnterKeyPress = (bool?) ViewData["enterData"] ?? false,
                                                ShowEditIcon = (bool?) ViewData["editData"] ?? true,
                                                ShowDeleteIcon = (bool?) ViewData["delData"] ?? true
                                            },
                                            HeaderText = "Edit Actions",
                                            Width = 50
                                        });

        ordersGrid.DataUrl = Url.Action("EditRowInlineActionIcons_DataRequested");
        ordersGrid.EditUrl = Url.Action("EditRowInlineActionIcons_EditRow");            

        // setup the dropdown values for the CustomerID editing dropdown
        EditRowInlineActionIcons_SetUpCustomerIDColumn(ordersGrid);
    }

0 个答案:

没有答案