Some common operations of jQuery easyUI tree

From , 5 Years ago, written in JavaScript, viewed 214 times.
URL https://pastebin.vip/view/d0353558
  1.  
  2. function Travel(treeID){//参数为树的ID,注意不要添加#
  3.    var roots=$('#'+treeID).tree('getRoots'),children,i,j;
  4.    for(i=0;i<roots.length;i++){
  5.      alert(roots[i].text);
  6.      children=$('#'+treeID).tree('getChildren',roots[i].target);
  7.      for(j=0;j<children.length;j++)alert(children[j].text);
  8.    }
  9. }    
  10.  
  11.  
  12.  
  13.        $(function(){
  14.                 $('#tt2').tree({
  15.                     checkbox: true,
  16.                     url: 'tree_data.json',
  17.                     onClick: function(node){
  18.                         $(this).tree('toggle', node.target);
  19.                         //alert('you dbclick '+node.text);
  20.                     },
  21.                     onContextMenu: function(e, node){
  22.                         e.preventDefault();
  23.                         $('#tt2').tree('select', node.target);
  24.                         $('#mm').menu('show', {
  25.                             left: e.pageX,
  26.                             top: e.pageY
  27.                         });
  28.                     }
  29.                 });
  30.             });
  31.             function reload(){
  32.                 var node = $('#tt2').tree('getSelected');
  33.                 if (node) {
  34.                     $('#tt2').tree('reload', node.target);
  35.                 }
  36.                 else {
  37.                     $('#tt2').tree('reload');
  38.                 }
  39.             }
  40.            
  41.             function getChildren(){
  42.                 var node = $('#tt2').tree('getSelected');
  43.                 if (node) {
  44.                     var children = $('#tt2').tree('getChildren', node.target);
  45.                 }
  46.                 else {
  47.                     var children = $('#tt2').tree('getChildren');
  48.                 }
  49.                 var s = '';
  50.                 for (var i = 0; i < children.length; i++) {
  51.                     s += children[i].text + ',';
  52.                 }
  53.                 alert(s);
  54.             }
  55.            
  56.             function getChecked(){
  57.                 var nodes = $('#tt2').tree('getChecked');
  58.                 var s = '';
  59.                 for (var i = 0; i < nodes.length; i++) {
  60.                     if (s != '')
  61.                         s += ',';
  62.                     s += nodes[i].text;
  63.                 }
  64.                 alert(s);
  65.             }
  66.            
  67.             function getSelected(){
  68.                 var node = $('#tt2').tree('getSelected');
  69.                 alert(node.text);
  70.             }
  71.            
  72.             function collapse(){
  73.                 var node = $('#tt2').tree('getSelected');
  74.                 $('#tt2').tree('collapse', node.target);
  75.             }
  76.            
  77.             function expand(){
  78.                 var node = $('#tt2').tree('getSelected');
  79.                 $('#tt2').tree('expand', node.target);
  80.             }
  81.            
  82.             function collapseAll(){
  83.                 var node = $('#tt2').tree('getSelected');
  84.                 if (node) {
  85.                     $('#tt2').tree('collapseAll', node.target);
  86.                 }
  87.                 else {
  88.                     $('#tt2').tree('collapseAll');
  89.                 }
  90.             }
  91.            
  92.             function expandAll(){
  93.                 var node = $('#tt2').tree('getSelected');
  94.                 if (node) {
  95.                     $('#tt2').tree('expandAll', node.target);
  96.                 }
  97.                 else {
  98.                     $('#tt2').tree('expandAll');
  99.                 }
  100.             }
  101.            
  102.             function append(){
  103.                 var node = $('#tt2').tree('getSelected');
  104.                 $('#tt2').tree('append', {
  105.                     parent: (node ? node.target : null),
  106.                     data: [{
  107.                         text: 'new1',
  108.                         checked: true
  109.                     }, {
  110.                         text: 'new2',
  111.                         state: 'closed',
  112.                         children: [{
  113.                             text: 'subnew1'
  114.                         }, {
  115.                             text: 'subnew2'
  116.                         }]
  117.                     }]
  118.                 });
  119.             }
  120.            
  121.             function remove(){
  122.                 var node = $('#tt2').tree('getSelected');
  123.                 $('#tt2').tree('remove', node.target);
  124.             }
  125.            
  126.             function update(){
  127.                 var node = $('#tt2').tree('getSelected');
  128.                 if (node) {
  129.                     node.text = '<span style="font-weight:bold">new text</span>';
  130.                     node.iconCls = 'icon-save';
  131.                     $('#tt2').tree('update', node);
  132.                 }
  133.             }
  134.            
  135.             function isLeaf(){
  136.                 var node = $('#tt2').tree('getSelected');
  137.                 var b = $('#tt2').tree('isLeaf', node.target);
  138.                 alert(b)
  139.             }
  140.            
  141.             function GetNode(type){
  142.                 var node = $('#tt2').tree('getChecked');
  143.                 var chilenodes = '';
  144.                 var parantsnodes = '';
  145.                 var prevNode = '';
  146.                 for (var i = 0; i < node.length; i++) {
  147.                
  148.                     if ($('#tt2').tree('isLeaf', node[i].target)) {
  149.                         chilenodes += node[i].text + ',';
  150.                        
  151.                         var pnode = $('#tt2').tree('getParent', node[i].target);
  152.                         if (prevNode != pnode.text) {
  153.                             parantsnodes += pnode.text + ',';
  154.                             prevNode = pnode.text;
  155.                         }
  156.                     }
  157.                 }
  158.                 chilenodes = chilenodes.substring(0, chilenodes.length - 1);
  159.                 parantsnodes = parantsnodes.substring(0, parantsnodes.length - 1);
  160.                
  161.                 if (type == 'child') {
  162.                     return chilenodes;
  163.                 }
  164.                 else {
  165.                     return parantsnodes
  166.                 };
  167.                 };
  168.             function getNodes(){
  169.                 alert(GetNode('fnode') + "," + GetNode('child'));
  170.             }
  171.            
  172.             function doNode(){
  173.       var c="";
  174.       var p="";
  175.       $(".tree-checkbox1").parent().children('.tree-title').each(function(){
  176.         c+=$(this).parent().attr('node-id')+",";
  177.       });
  178.        $(".tree-checkbox2").parent().children('.tree-title').each(function(){
  179.      p+=$(this).parent().attr('node-id')+",";
  180.       });
  181.       var str=(c+p);
  182.       str=str.substring(0,str.length-1);
  183.       alert(str);
  184.             }
  185. //javascript/6844

Reply to "Some common operations of jQuery easyUI tree"

Here you can reply to the paste above

captcha

https://burned.cc - Burn After Reading Website