【发布时间】：2010-12-21 07:59:23
【问题描述】：
我正在这个 url 上测试示例：http://trirand.com/blog/jqgrid/jqgrid.html。现在 Detail Grid 在页面加载时使用默认 id 加载。
请求的功能：
我希望每行中的详细信息按钮在单击时应加载详细信息网格。任何人请告诉我如何。我也在为此苦苦挣扎。
【问题讨论】：
标签： jqgrid
【发布时间】：2010-12-21 07:59:23
【问题描述】：
对于loadComplete 或gridComplete event handler 内部的“setRowData”，您可以使用custom formatter 或插入<botton type='button' ....>（或<input type='button' ...>）。如果您查看jqGrid demo 并选择“行编辑”/“自定义编辑”，您可以找到一个示例。 onClick 事件的绑定您可以像“行编辑”/“自定义编辑”示例或unobtrusive 方式那样进行（请参阅here 的示例，不完全针对相同的问题，但我希望你能理解我的意思）使用jQuery.click 或jQuery.bind。顺便说一下，您可以考虑使用链接而不是按钮（<a> 或showLink）。
在“点击”句柄中，您可以强制加载详细信息网格，就像您通常在 onSelectRow 中执行此操作一样。
更新：查看here，了解如何将静态文本作为链接放置在 jqGrid 中：
可能需要在来自服务器的 JSON 响应的“详细信息”列中填充空字符串 ''。在某些情况下，取决于数据格式，使用的 jsonReader 可能不是必需的。
在主/详细情况下，您可以在演示示例中显示“单击行...”文本的位置显示（设置 url 或 postData 并触发 gridReload）详细网格。
【讨论】：
-
一件事。如何在下面的代码中创建链接以显示静态文本，如详细信息。我不希望它可绑定只想显示像 Detail 这样的文本。 colModel: [ { name: 'Subcategory', index: 'companyState' , width: 100, sortable: false, align: 'center' , formatter: 'showlink', formatoptions: { baseLinkUrl: 'someurl.php', addParam: ' &action=edit' } } ],
-
@pirzada：您是否阅读了我发布给您的链接中的信息？ ok-soft-gmbh.com/jqGrid/UnobtrusiveLinks.htm 不是显示你想要的吗？如果您将
location.href="http://en.wikipedia.org/wiki/"+text行更改为显示详细信息网格，您将获得所需的内容。 -
谢谢奥列格。在发布我的问题之前，我总是阅读发布的任何内容。现在，当在网格中生成链接时，可以绑定到上述演示链接中的子类别，并将子类别名称显示为要单击的链接。我想要的只是将“详细信息”静态文本显示为可以点击的链接，例如 Detail 。希望你明白我的意思。
-
请阅读以上评论以获得答案。我想问的是。是否可以在 JQGrid 中进行数字分页，例如 1 2 3 .. ？
-
@pirzada：在 jqGrid 中无法以“1 2 3 ...”形式进行分页。而不是那个可以键入任何页码并按“Enter”或使用上一页、下一页、第一页和最后一页。还显示总页数。对于页面导航来说，我似乎已经足够了。如果您愿意，您可以将“标题”属性和工具提示添加到任何字段。例如
$("input.ui-pg-input","#pager").attr("title","Type new page number here and press 'Enter'");或$("td.ui-pg-button#first","#pager").attr("title","Click here to go to the first page");