首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >树状视图中的角度复选框

树状视图中的角度复选框
EN

Stack Overflow用户
提问于 2015-01-01 20:23:16
回答 1查看 10.4K关注 0票数 3

我找不到一个非常好的合适的指令来从JSON结构中创建一个带有复选框的树视图,所以我使用了一个自调用迭代器,如下所示:

http://jsfiddle.net/u2ho9d3j/

现在,我遇到的唯一问题是(看看第40行的'Jeans‘数据,这是这样的:

代码语言:javascript
运行
AI代码解释
复制
"chk": true,

这当然标志着“牛仔裤”的-checkbox,但不是上面的。这些值将从数据库中得到正确的值(即使上面的bransch也会有chk = true,但我仍然很好奇,如果一个项被标记为"true“,如何触发初始的”冒泡向上并将所有父项标记为选中“。

有没有人能帮我理解一下如何做到这一点?

非常感谢!

克里斯托弗

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-01-01 21:12:42

我将以类似于setData函数的递归方式对树数据进行预处理:

代码语言:javascript
运行
AI代码解释
复制
 function initTree(tree) {
   function processNode(node) {
     angular.forEach(node.children, function(child) {
       if(processNode(child) === true) {
         node.chk = true;   
       }
     });

     return node.chk;
   }

   angular.forEach(tree, processNode);
 };
 initTree($scope.tree);

请参阅更新的fiddle http://jsfiddle.net/65yucqge/

编辑这里是展示如何将复选框数据放入数组的另一个难题:http://jsfiddle.net/tmakin/kmhw1ue0/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27734341

复制
相关文章

相似问题

领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文