simmodaldialog.js

難得的JavaScript TreeGrid / TreeList

function simModalDialog(type,showName,hiddenId){
	var win = new Ext.Window();
	//xtreeclass = new XtreeClass('leftclick');
	/*
	var tree_click = new WebFXTree(type,"0","浙江移动通信有限责任公司",'$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');//演示用，做Jsp时需要使用Ajax树
	tree_click_1  = new WebFXTreeItem( 1,'浙江杭州分公司','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click.add(tree_click_1);
	tree_click_2  = new WebFXTreeItem( 2,'运行建设部','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_1.add(tree_click_2);
	tree_click_3  = new WebFXTreeItem( 3,'传输中心','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_2.add(tree_click_3);
	tree_click_4  = new WebFXTreeItem( 4,'动力中心','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_2.add(tree_click_4);
	tree_click_5  = new WebFXTreeItem( 5,'市场经营部','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_1.add(tree_click_5);
	tree_click_6  = new WebFXTreeItem( 6,'工程中心','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_5.add(tree_click_6);
	tree_click_7  = new WebFXTreeItem( 7,'网管中心','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_5.add(tree_click_7);
	tree_click_8  = new WebFXTreeItem( 8,'网优中心','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_5.add(tree_click_8);
	tree_click_9  = new WebFXTreeItem( 9,'浙江湖州分公司','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click.add(tree_click_9);
	tree_click_10 = new WebFXTreeItem(10,'市场经营部','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_9.add(tree_click_10);
	tree_click_11 = new WebFXTreeItem(11,'集团数据中心','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_10.add(tree_click_11);
	tree_click_12 = new WebFXTreeItem(12,'客户服务中心','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_10.add(tree_click_12);
	tree_click_13 = new WebFXTreeItem(13,'南浔分公司','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_9.add(tree_click_13);
	tree_click_14 = new WebFXTreeItem(14,'运行建设部','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_13.add(tree_click_14);
	tree_click_15 = new WebFXTreeItem(15,'业务支撑中心','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_13.add(tree_click_15);
	tree_click_16 = new WebFXTreeItem(16,'营销中心','$(\"organization_name\").value=this.innerHTML;Ext.getCmp("win").close()');
	tree_click_13.add(tree_click_16);
	var tree_click_str = tree_click.toString();
	*/
	 // tabs for the center

	if (!showName)
	{
		showName='organization_name';
	}
    var tabs=new Ext.tree.TreePanel({
		id:'tabs',
		region:'center',
		loader: new Ext.tree.TreeLoader(),
		border:false,
		lines:true,
		autoScroll:true,
		root:new Ext.tree.AsyncTreeNode({
			text:'浙江移动通信有限责任公司',
			expanded:true,
			children:[{
					text:'浙江杭州分公司',
					children:[{
						text:'运行建设部',
						children:[{
							text:'传输中心',
							leaf:true
						},{
							text:'动力中心',
							leaf:true
						}]
					},{
						text:'市场经营部',
						children:[{
							text:'工程中心',
							leaf:true
						},{
							text:'网管中心',
							leaf:true
						},{
							text:'网优中心',
							leaf:true
						}]
					}]
				},{
					text:'浙江湖州分公司',
					children:[{
						text:'市场经营部',
						children:[{
							text:'集团数据中心',
							leaf:true
						},{
							text:'客户服务中心',
							leaf:true
						},{
							text:'南浔分公司',
							leaf:true
						}]
					},{
						text:'运行建设部',
						children:[{
							text:'业务支撑中心',
							leaf:true
						},{
							text:'营销中心',
							leaf:true
						}]
					}]
				}]
		})
	});
	tabs.on('click',function(node){
		$(showName).value=node.text;
		win.close();
	});

	// Panel for the west
	win = new Ext.Window({
		id:'win',
		title: '组织机构',
		closable:true,
		width:350,
		height:500,
		modal: true,
		//border:false,
		plain:true,
		layout: 'border',
		items: [ tabs]
	});
	//win.on('close',function(){win.destroy()});
	win.show();
}