【问题标题】:html link column in jqGridjqGrid中的html链接列
【发布时间】:2010-11-13 01:23:15
【问题描述】:

是否可以在带有 jqGrid 的列中包含 html 链接,我在文档中找不到任何示例?

【问题讨论】:

  • @djangofan jQuery 和 ExtJs 是两个不同的框架,与网格无关。我不明白你的评论与这个问题有什么关系。

标签: jquery jqgrid


【解决方案1】:

这是来自 Craig 的链接到 jqGrid 格式帮助的示例 colModel 配置。它将格式化程序指定为 showLink,并使用 formatoptions 指定 url 和参数。

colModel: [ {name:'myname', 
             edittype:'select', 
             formatter:'showlink', 
             formatoptions:{baseLinkUrl:'someurl.php', addParam: '&action=edit'}

【讨论】:

  • 感谢您发布示例。总是有帮助:)
  • 它将 id=bla 附加到基本 url,我可以将 id 更改为 data_id 或 record_id 之类的其他内容吗?我找到了如何做到这一点 formatoptions:{baseLinkUrl:'someurl.php', addParam: '&action=edit', idName='record_id'}
【解决方案2】:

很抱歉发布一个老问题,但这里有另一个对我有用的选项:只需创建一个 custom formatter 并返回一个锚标记(如果您需要对链接进行真正精细的控制,这是一个不错的选择):

function returnMyLink(cellValue, options, rowdata, action) 
{
    return "<a href='/Controller/Action/" + options.rowId + "' >Click here</a>";
}   

在行数据中查找查询返回的数据。希望这对某人有帮助!

【讨论】:

  • 在你想要链接的 id 部分而不是参数的地方使用这个。例如。你想要 /mylink/123/ 而不是 /mylink?id=123
  • 这种使用自定义格式化程序的方法需要在编辑选项中进一步工作,因为完整的输出将作为值放入其中。
【解决方案3】:

是的,使用格式化程序,自定义格式化程序或Predefined Formatter

【讨论】:

  • 与答案的链接已损坏
  • 链接已修复
【解决方案4】:

在我用于网格的 json 数据中,我只是发送带有 href 标记的 html 代码,这对我有用

【讨论】:

  • 为我工作。在 MVC 控制器操作中,当创建 json 对象时,类似这样的操作对我有用:@"&lt;a href=""" + Url.Content("~/People/Details/" + p.PeopleKey.ToString()) + @"""&gt;" + p.Name + "&lt;/a&gt;" 然而,这会破坏排序,因为它在 Name 之前遇到 PeopleKey。但我敢肯定还有另一种解决方法。
  • 设法修复排序。必须添加另一列,该列只是要排序的文本,隐藏{ name: 'Name', index: 'Name', hidden: true},,然后在可见列的索引中引用该列名:{width: 190, name: 'NameUrl', index: 'Name'},
【解决方案5】:

如果你使用 xml 数据,你可以在你的查询中添加一个虚拟列来在网格中显示它

网格:

colModel :[{name:'EDIT',edittype:'select',formatter:'showlink', width:5,xmlmap:"Edit",formatoptions:{baseLinkUrl:'someurl.php', addParam: '&action=edit'}},

查询:

select f1,f2,f3, 'Edit' as Edit FROM table

【讨论】:

    【解决方案6】:

    在 xml 中我使用实体 <而不是像这样的标签中的 我的链接</a> 并且在 jqgrid 3.6 上运行良好

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-02-06
      • 1970-01-01
      • 2014-03-12
      • 2017-05-26
      • 2011-06-28
      • 2019-12-05
      • 2017-05-24
      • 2012-03-02
      相关资源
      最近更新 更多