jqgrid内联编辑显示html标签答案

【问题标题】：jqgrid inline edit displaying html tagsjqgrid内联编辑显示html标签
【发布时间】：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 的理解，如果我知道这个问题的答案，我只需要看看图片就能找出问题所在。作为一个代码论坛，stackoverflow 比一大块代码更容易发布图片。

标签： html jqgrid tags inline

【解决方案1】：

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

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

【讨论】：