1

jqgrid アクション列に以下のコードを使用してカスタム アイコンを追加しました。カスタム アイコンをクリックすると、ポップアップが開き、Textarea、Save、および Close ボタンが表示されます。[保存] ボタンをクリックすると、テキストエリアに入力されたテキストを 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"));
                        });
4

1 に答える 1