Question

我正在尝试在ng-Grid控件中加入Checkbox功能。我的意图是什么，

a）每当选中一个复选框时，相应的数据应显示在底部网格中。（的实现）

b）每当选中 SelectAll 复选框时，所有相应的数据都应显示在底部网格中。（的实现）

c）每当取消选中复选框时，相应的数据不应显示在底部网格中。（的实现）

d）每当取消选中 SelectAll 复选框时，所有相应的数据都不应显示在底部网格中。（的实现）

我无法实现的目标

a）如果 SelectAll 复选框已选中，但其他任何一个复选框未选中，则 SelectAll 应取消选中 （未实现）

b）如果选中所有其他复选框，则应选中 SelectAll 复选框 （不是实现）

示例

<!DOCTYPE html>
<html ng-app="myApp">
    <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link data-require="ng-grid@2.0.9" data-semver="2.0.9" rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.9/ng-grid.css" />
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.25/angular.js" data-semver="1.2.25"></script>
    <script data-require="ng-grid@2.0.9" data-semver="2.0.9" src="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.9/ng-grid.js"></script>
    <script src="main.js"></script>
  </head>
    <body ng-controller="MyCtrl">
          <div  class="gridStyle" ng-grid="gridOptions" ></div>
          <div  class="gridStyle" ng-grid="gridOptions1" ></div>
    </body>
</html>

http://plnkr.co/edit/Yg2AQfx6E0wg1lxwomA6?p=preview

非常感谢提前

Answer 1

您的 main.js 文件中似乎有拼写错误。对于 $ scope.columnDefs 的“ cellTemplate ”值，输入标记提到了以下内容：

ng-change=\"toggleChecker(COL_FIELD)\"

但是，稍后在脚本中定义了以下内容：

$scope.toggleCheck = function(checked)

当我将 toggleCheck 重命名为 toggleChecker 时，它似乎正在执行这两项功能。 Plz检查。

选中/取消选中其他复选框时，选中全部复选框无法正常工作

1 个答案: