jquery - 单击图标时如何在 JqGrid 中打开带有 TextArea 的弹出窗口？

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>";
                    }
                },

当点击笔记图标时，我想打开一个弹出窗口来添加一些笔记，弹出窗口应该包括一个文本区域、保存和取消按钮来保存笔记。

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");
}