extjs tree checkbox 复选框实现取值显示代码,JS代码库,德仔网

代码语言

代码分类

【JS】 extjs tree checkbox 复选框实现取值显示

作者:玲 / 发布于2014/10/13/ 599


	Ext.onReady(function() {
	 Ext.BLANK_IMAGE_URL = '../../Images/s.gif';
	 var win;
	 var abutton = Ext.get('tx_l');
	 abutton.on('click', function() {
	 if (!win) {

	 var trNode;
	 var Tree = Ext.tree;
	 var loader = new Tree.TreeLoader({
	 dataUrl: '../../system/address_list/Default.aspx',
	 listeners: {
	 "beforeload": function(treeLoader, node) {
	 treeLoader.baseParams.id = (node.id != "0" ? node.id : "");
	 }
	 }

	 });
	 var tree = new Tree.TreePanel({
	 // el: 'tree-div',
	 useArrows: true,
	 autoScroll: true,
	 animate: true,
	 // enableDD: true,
	 containerScroll: true,
	 // dropConfig: {appendOnly:true},
	 loader: loader,
	 listeners: {
	 "click": function(node) {
	 trNode = node;
	 // Ext.get("nodeid").dom.value = node.id;
	 // alert(Ext.get("nodeid").dom.value);
	 },
	 "checkchange": function(node, state) {
	 if (node.hasChildNodes()) {
	 for (i = 0; i < node.childNodes.length; i++) {
	 node.childNodes[i].getUI().checkbox.checked = state;
	 }
	 }
	 }

	 }
	 });

	
	 var root = new Tree.AsyncTreeNode({
	 text: '我的通讯录',
	 draggable: false,
	 id: '0'
	 });
	 tree.setRootNode(root);
	 // tree.render();
	 root.expand();

	 win = new Ext.Window({
	 title: '通讯录',
	 iconCls: 'address_list',
	 applyTo: 'txl-win',
	 layout: 'fit',
	 width: 300,
	 height: 400,
	 closeAction: 'hide',
	 plain: true,
	 modal: 'true',
	 items: [tree],
	 buttons: [{
	 text: '获取选中值',
	 handler: function() {

	 //var nodes = tree.getChecked();
	 // alert(nodes);
	 var nodes = tree.getRootNode().childNodes;
	 for (var j = 0; j < nodes.length; j++) {
	 var node = tree.getRootNode().childNodes[j];
	 if (node.hasChildNodes()) {
	 for (var i = 0; i < node.childNodes.length; i++) {
	 if (node.childNodes[i].getUI().checkbox.checked) {
	 alert(node.childNodes[i].id);
	 }
	 }
	 }
	 }

	 } }]
	 });

	
	 }
	 win.show(this);

	 });
	 });

试试其它关键字

　复选框实现　　取值　

同语言下

可能有用的

玲贡献的其它代码(3)