在 jqgrid 中传递一个对象

Question

我在我的表单上使用 jqgrid，我正在创建列删除并希望在 javascript 函数中发送对象，代码如下

 {
                    name: "action",
                    align: "center",

                    sortable: false,
                    title: false,
                    fixed: true,
                    search: false,
                    formatter: function (cellValue, options, rowObject) {
                        debugger;
                        var markup = "<a title=\"%ToolTip%\" href=%Href%;>%Text%</a>";
                        var replacements = {
                            "%Text%": "<i class='fa fa-trash' style='color:black'></i>",
                            "%ToolTip%": UserRoles.messages && UserRoles.messages.ClickHereToDelete
                                ? UserRoles.messages.ClickHereToDelete : "",
                            "%Href%": "javascript:UserRoles.deleteUserRoles(" + rowObject + ")"
                        };
                        markup = markup.replace(/%\w+%/g, function (all) {
                            return replacements[all];
                        });
                        return markup;
                    }
                }

我想通过这一行发送函数deleteUserRole中的对象

"%Href%": "javascript:UserRoles.deleteUserRoles(" + rowObject + ")"

但它给了我输出

<a title="" href="javascript:UserRoles.deleteUserRoles([object" object]);=""><i class="fa fa-trash" style="color:black"></i></a>

谁能帮帮我

Answer 1

大多数人不需要创建这样的自定义格式化程序，只需使用 formatter: "action" 和相应的参数。

重要的是要了解格式化程序的目标是提供 HTML 片段，该片段将放置在列的单元格（<td>）中。 rowObject 通常是行的输入数据，其格式取决于许多因素。

您可能需要使用options.rowId 作为UserRoles.deleteUserRoles 函数的参数。在函数内部可以使用getRowData根据rowid获取数据。

我建议您阅读the answer 并在答案中引用所有旧答案。它表明可以通过自定义格式化程序**使用 place "<a href='#'><i class='fa fa-trash' style='color:black'></i></a>" 而无需使用任何 javascript:UserRoles.deleteUserRoles(...) 片段。而不是那个可以实现beforeSelectRow回调，它测试用户点击了哪一列。如果用户点击"action" 列的<a>，那么可以执行一些自定义操作。这种方法更有效，因为不需要将 global 函数绑定到列的每个 <a> 元素。可以通过删除<a> 并在列内仅保留<i class='fa fa-trash' style='color:black'></i> 来简化列的内容。 beforeSelectRow回调的代码相同。