使用 jqGrid 和 AngularJS 进行演示答案

【问题标题】：Demo with jqGrid & AngularJS使用 jqGrid 和 AngularJS 进行演示
【发布时间】：2014-01-06 04:03:34
【问题描述】：

我只是在控制器中创建了一个 jqGrid。我想在每行中添加一些按钮，并在控制器中添加一些事件。在 jquery 之前：

 option.gridComplete=function () {
        var ids = jQuery("#list").jqGrid('getDataIDs');
        for (var i = 0; i < ids.length; i++) {
            var cl = ids[i];
            var edit = '<input type="button" onclick="edit()">';
            jQuery("#list").jqGrid('setRowData', ids[i], {
                act: edit
            });
        }
    }

有人请告诉我如何在编辑按钮中绑定 ng-click 像这样
var edit = '<input type="button" ng-click="edit()">';

【问题讨论】：

这不是将 jq 网格变成控制器的正确方法。您可以为此目的创建指令。

标签： angularjs jqgrid

【解决方案1】：

您可以在 html 中创建一个隐藏的输入并将其绑定到它也许

 '<input type="button" onclick="$(hiddenButton).click()">'

在你的 html 中

 <input type="hidden" id="hiddenButton" ng-click="edit()">

【讨论】：