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

【问题标题】：How to open a Popup with TextArea in JqGrid on click of an Icon?单击图标时如何在 JqGrid 中打开带有 TextArea 的弹出窗口？
【发布时间】：2013-09-16 02:45:57
【问题描述】：

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

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

【问题讨论】：

标签： jquery jqgrid jqgrid-asp.net jqgrid-inlinenav mvcjqgrid

【解决方案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");
}

【讨论】：