jqgrid内联编辑显示html标签

Posted 2023-05-08

【中文标题】jqgrid内联编辑显示html标签

【英文标题】：jqgrid inline edit displaying html tags

【发布时间】：2012-07-10 13:15:55

【问题描述】：

我正在尝试使用 jqgrid 内联编辑功能。但是当触发内联编辑器时，我得到了整个 html 标签。

可能是什么原因？谢谢。

这里是jqgrid代码：

$(文档).ready(函数 () '使用严格'; 变量网格； 网格 = jQuery("#list2"); grid.jqGrid( 编辑网址：“clientArray”， 数据链：主题json， 数据类型：“jsonstring”， 高度：“自动”， loadui: "禁用", colNames: [/*"id",*/"Items","nick","url"], col型号：[ //name: "id",width:1, hidden:true, key:true, 名称：“元素名称”，宽度：250，可调整大小：假，可编辑：真， 名称：“nick”，宽度：250，可调整大小：false，可编辑：true， 名称：“网址”，宽度：1，隐藏：真 ], 树网格：是的， treeGridModel: "邻接", 标题：“jqGrid 演示”， 展开列：“元素名称”， //自动宽度：真， 行数：100， //ExpandColClick: true, treeIcons: leaf:'ui-icon-document-b', jsonReader： 重复项：错误， 根：“响应” , 细胞编辑：真， cellSubmit: "clientArray", onSelectRow：函数（id） if(id && id!==lastSel) jQuery('#list2').restoreRow(lastSel); 最后选择=id； jQuery('#list2').editRow(id, true); ); );

【问题讨论】：

图片不错，但代码更好。

评论很好，答案更好。

：P，如果您在 几个小时 后更新您的帖子，您应该发表评论以通知潜在的回答者。

哦，我不知道编辑问题不会通知评论者。顺便说一句，根据我对 jqGrid 的理解，如果我知道这个问题的答案，我只需要看看图片就能找出问题所在。作为一个代码论坛，*** 比一大块代码更容易发布图片。

【参考方案1】：

事实证明，您可以使用formatCell 事件在编辑之前更改单元格内容。返回值就是你想要的内容。对于这种特殊情况，treeGrid 的小图像包含单元格中的所有 html 标记。编辑单元格时，默认情况下，所有内容都显示为单元格内容。要修复它，您可以这样做：

  formatCell: function(rowid,cellname,value,iRow,iCol) 
    return whatever_you_want_to_be;