效果一(默认)

产品ID： 产品名称： 选择产品1

var tree1 = new DialogTree({
	templatePath	: 'productTemplate.html',
	ajaxPath 		: 'data.html',
	selectType		: '0',
	onselected		: function(treeObj) {}
});

$('#showTree1').click(function(){
	tree1.registeTree({
		title	: '选择[产品1]',
		id		: '#demo1 #productId', 
		name	: '#demo1 #productName'
	});
});
		

效果二(自定义对话框、树属性，宽度：700，切换树的时候自动关闭其他节点)

产品ID： 产品名称： 选择产品2

var tree2 = new DialogTree({
	templatePath	: 'productTemplate.html',
	ajaxPath 		: 'data.html',
	selectType		: '0',
	weebox		: {width: 700},
	simpletree		: {autoclose: true},
	onselected		: function(treeObj) {}
});

$('#showTree2').click(function(){
	tree2.registeTree({
		title	: '选择[产品2]',
		id		: '#demo2 #productId', 
		name	: '#demo2 #productName'
	});
});
		

参数说明

• 关于weebox的参数设置请参照：http://code.google.com/p/weebox/
• 关于simpletree的参数设置请参照：http://news.kg/wp-content/uploads/tree/

• templatePath：模版路径

  ajaxPath：数据源路径

  selectType：哪个节点类型才是返回值

  weebox：自定义weebox插件属性

  simpletree：自定义simpletree插件属性

  
  

  title：打开对话框的名称

  id：显示树中节点的ID属性

  name：显示树中节点的NAME属性