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

Posted 2023-02-15

【中文标题】单击图标时如何在 JqGrid 中打开带有 TextArea 的弹出窗口？

【英文标题】：How to open a Popup with TextArea in JqGrid on click of an Icon?

【发布时间】：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>";
                    
                ,

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

【参考方案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");