Category

Development Platform
Home > SourceCode/Document > Java Develop > JavaScript > View Code
check-tree.js
Package: ext-3.1.0.zip　[view]
Upload User: dawnssy
Upload Date: 2022-08-06
Package Size: 9345k
Code Size: 2k
Category:

JavaScript

Development Platform:

JavaScript

check-tree.js：Code Content
  1. /*!
  2.  * Ext JS Library 3.1.0
  3.  * Copyright(c) 2006-2009 Ext JS, LLC
  4.  * licensing@extjs.com
  5.  * http://www.extjs.com/license
  6.  */
  8. Ext.onReady(function(){
  9.     var tree = new Ext.tree.TreePanel({
  10.         renderTo:'tree-div',
  11.         title: 'My Task List',
  12.         height: 300,
  13.         width: 400,
  14.         useArrows:true,
  15.         autoScroll:true,
  16.         animate:true,
  17.         enableDD:true,
  18.         containerScroll: true,
  19.         rootVisible: false,
  20.         frame: true,
  21.         root: {
  22.             nodeType: 'async'
  23.         },
  24.         
  25.         // auto create TreeLoader
  26.         dataUrl: 'check-nodes.json',
  27.         
  28.         listeners: {
  29.             'checkchange': function(node, checked){
  30.                 if(checked){
  31.                     node.getUI().addClass('complete');
  32.                 }else{
  33.                     node.getUI().removeClass('complete');
  34.                 }
  35.             }
  36.         },
  37.         
  38.         buttons: [{
  39.             text: 'Get Completed Tasks',
  40.             handler: function(){
  41.                 var msg = '', selNodes = tree.getChecked();
  42.                 Ext.each(selNodes, function(node){
  43.                     if(msg.length > 0){
  44.                         msg += ', ';
  45.                     }
  46.                     msg += node.text;
  47.                 });
  48.                 Ext.Msg.show({
  49.                     title: 'Completed Tasks', 
  50.                     msg: msg.length > 0 ? msg : 'None',
  51.                     icon: Ext.Msg.INFO,
  52.                     minWidth: 200,
  53.                     buttons: Ext.Msg.OK
  54.                 });
  55.             }
  56.         }]
  57.     });
  59.     tree.getRootNode().expand(true);
  60. });