bootstrap-treeview.js的高级使用

支持全选，反选，以及自动选择某节点以及其下面的所有子节点

{load href="__CSS__/plugins/treeview/bootstrap-treeview.css" /}

{load href="__JS__/plugins/treeview/bootstrap-treeview.js" /}
<script>


$(function(){
    $.post("__URL__/aj_buildTreesForRole",{}, function(result){
//var t='[{"text": "父节点 1","nId":4,"nodeId":4,"tags":["44"],"nodes": [{"text": "子节点 1","nId":3,"tags":["45"],"nodeId":"2","nodes": [{"text": "孙子节点 1","nId":2,"tags":["42"],"nodeId":"3"},{"text": "孙子节点 2","nId":1,"tags":["41"],"nodeId":"8"}]},{"text": "子节点 2","nId":1,"tags":["45"],"nodeId":"7"}  ]}]';
if(result.r){
t = result.list
var $checkableTree = $("#treeview-checkable").treeview({
data:t,
showTags:true,
showCheckbox: true,   //是否显示复选框
       highlightSelected: true,    //是否高亮选中
       //nodeIcon: 'glyphicon glyphicon-user',    //节点上的图标
       //nodeIcon: 'glyphicon glyphicon-globe',
       emptyIcon: '',    //没有子节点的节点图标
       multiSelect: true,    //多选
       checkboxes: true,
       onNodeChecked: nodeChecked,
       onNodeUnchecked: nodeUnchecked, 
      /*  onNodeExpanded:
          function(event, data) {
              if (data.nodes !== undefined && data.nodes !== null) {
                 
          } 
 */
        
        })
        //展开所有才能进行下面默认的设置
        $checkableTree.treeview('expandAll', [ { silent: true } ]);
        //设置默认的选中
        var checkids = seNodesSel('');
        $checkableTree.treeview('toggleNodeChecked', [checkids, { silent: true } ]);
        dochecklist()
//获取选中的
  // var c = $checkableTree.treeview('getChecked', [ { silent: true } ]);
   //全部选中
   //tree.treeview('checkAll', { silent: $('#chk-check-silent').is(':checked') });
<