如何在点击图标时在JqGrid中打开带有TextArea的Popup？

Question

我是JqGrid的新手，试图实现以下功能。我试着寻找一个开放弹出的演示，但没有运气。如果有任何我可以参考的演示，请告诉我。

我有一个JqGrid，如下图所示。我刚刚使用下面的代码

添加了“注释”列

                {
                    name: 'Notes',
                    width: 60,
                    sortable: false, resizable: false,
                    search: false,
                    formatter: function() {
                        return "<span id='notes' class='ui-icon ui-icon-document' style='margin-left: 20px;'></span>";
                    }
                },

单击Notes图标时，我想打开弹出窗口添加一些注释，弹出窗口应该包含TextArea，Save和Cancel按钮以保存Notes。

Answer 1

您可以返回一个按钮而不是span元素，并且具有一个绑定onClick事件的函数。 例如：

{
                name: 'Notes',
                width: 60,
                sortable: false, resizable: false,
                search: false,
                formatter: function() {
                    return "<button onclick='OpenDialog()' style='margin-left:12px'>Pop Up Dlg</button>";
                }
            },

然后你需要调用的函数

function OpenDialog(){ 
    //Assuming you have Jquery Dialog already set. (http://jqueryui.com/dialog/)
    $("#myDialogBox").dialog("open");
}