复选框更改时的 UI-GRID 列总和 [英] UI-GRID column summation on checkbox change

问题描述

有谁知道为什么当我多次点击不同的单选值时，我的动态总值会发生剧烈变化?下面的代码应根据单选按钮自动选择复选框列.不知道为什么会有误算.

switch($scope.ChangeAll.name) {案例x":row.xBox = true;row.yBox = false;row.zBox = false;休息;案例'y':row.xBox = false;row.yBox = true;row.zBox = false;休息;案例z":row.xBox = false;row.yBox = false;row.zBox = true;休息;默认:row.xBox = true;row.yBox = false;row.zBox = false;}

AngularJS 控制器(相关代码更改):

$scope.updateSelection = function(value) {开关($scope.ChangeAll.name){案例x":angular.forEach($scope.myData, function(row, idx) {row.xBox = true;row.yBox = false;row.zBox = false;});休息;案例'y':angular.forEach($scope.myData, function(row, idx) {row.xBox = false;row.yBox = true;row.zBox = false;});休息;案例z":angular.forEach($scope.myData, function(row, idx) {row.xBox = false;row.yBox = false;row.zBox = true;});休息;默认:angular.forEach($scope.myData, function(row, idx) {row.xBox = true;row.yBox = false;row.zBox = false;});}};

以及所有重要的 Plunker 更新，https://plnkr.co/edit/QOkoG9pC7gETvZ4I7Xkq?p=预览.

Does anyone know why when I click on different radio values multiple times, my Dynamic Total value changes drastically? The code below should automatically select the column of checkboxes according to the radio buttons. Not sure why there would be miscalculations.

switch($scope.ChangeAll.name) {
                case 'x':
              row.xBox = true;
                    row.yBox = false;
                    row.zBox = false;
                break;
                case 'y':
              row.xBox = false;
                    row.yBox = true;
                    row.zBox = false;
                break;
                case 'z':
              row.xBox = false;
                    row.yBox = false;
                    row.zBox = true;
                    break;
                default:
                    row.xBox = true;
                    row.yBox = false;
                    row.zBox = false;

                }

https://plnkr.co/edit/bAnz9kCuKWGIfWD4lEO2?p=preview

解决方案

This tweak should do it.

AngularJS Controller (relevant code change):

$scope.updateSelection = function(value) {
  switch ($scope.ChangeAll.name) {
    case 'x':
      angular.forEach($scope.myData, function(row, idx) {
        row.xBox = true;
        row.yBox = false;
        row.zBox = false;
      });
      break;
    case 'y':
      angular.forEach($scope.myData, function(row, idx) {
        row.xBox = false;
        row.yBox = true;
        row.zBox = false;
      });
      break;
    case 'z':
      angular.forEach($scope.myData, function(row, idx) {
        row.xBox = false;
        row.yBox = false;
        row.zBox = true;
      });
      break;
    default:
      angular.forEach($scope.myData, function(row, idx) {
        row.xBox = true;
        row.yBox = false;
        row.zBox = false;
      });
  }
};

And the all important Plunker update, https://plnkr.co/edit/QOkoG9pC7gETvZ4I7Xkq?p=preview.

这篇关于复选框更改时的 UI-GRID 列总和的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！