Question

我在jqgrid Actions列中使用下面的代码添加了一个自定义图标。单击cutom图标时，将使用Textarea，Save和Close按钮打开弹出窗口。当我单击“保存”按钮时，我想将在textarea中输入的文本保存到jQgrid中的隐藏字段列。我尝试了'setRowData'和'setCell'属性，但没有任何作用。我在这里错过了什么吗？

afterInsertRow: function (rowid, rowdata, rowelem) {
                $(this).triggerHandler("afterInsertRow.jqGrid", [rowid, rowdata, rowelem]);
                //...//
                //Start: Code for Notes Icon in Actions column
                var iCol = getColumnIndexByName(grid, 'actions');
                $(this).find(">tbody>tr#" + rowid + ">td:nth-child(" + (iCol + 1) + ")")
                        .each(function () {
                            $("<div>", {
                                title: "Custom",
                                mouseover: function () {
                                    $(this).addClass('ui-state-hover');
                                },
                                mouseout: function () {
                                    $(this).removeClass('ui-state-hover');
                                },
                                click: function (eve) {
                                    $("#change_dialog").dialog({
                                        buttons: {
                                            'Save': function () {
                                                var selRow = $(eve.target).closest("tr.jqgrow").attr("id");

                                                var txtNotes = $("#mytext").val();
                                                $("#gridJQ").setRowData(selRow, { 'notesHidden': txtNotes });

                                                $("#gridJQ").jqGrid('setCell', selRow, 'notesHidden', txtNotes);
                                                $("#gridJQ").jqGrid('setRowData', selRow, 'notesHidden', txtNotes);
                                                $(this).dialog("close");
                                            },
                                            'Close':function() {
                                                $(this).dialog("close");
                                            }
                                        }
                                    });

                                    return false;
                                }
                            }
                            ).css({ "margin-right": "5px", float: "left", cursor: "pointer" })
                                .addClass("ui-pg-div ui-inline-custom")
                                .append('<span class="ui-icon ui-icon-document"></span>')
                                .prependTo($(this).children("div"));
                        });

Answer 1

而不是使用此代码来获取行

var selRow = $(eve.target).closest("tr.jqgrow").attr("id");

尝试更直接的内容，例如

var selRow = $("#gridJQ").jqGrid('getGridParam', 'selrow');

甚至只是var selRow = rowid。

这有帮助吗？

如何在jQgrid中使用rowid和column name设置Row数据

1 个答案: