用本地json数据初始化jsTree,绑定树节点的单击选择事件

//初始化树函数
	function init_tree(obj){
		$("#tree").empty();
		var $tree=$("#tree").jstree({		
		'themes':{
				'theme':"classic",
				'dots':true,
				'icons':true
			},
		json_data:{			
			data:[
					{
						data:obj,
						metadata:{id:obj,cn:obj+'的中文解释',en:obj+'的英文解释'},
						//children:[obj+'_node1',obj+'_node2']
						children:[{
									data:obj+'01',
									metadata:{id:obj+'01',cn:obj+'01的中文解释',en:obj+'01的英文解释'},						
								 },
								{
									data:obj+'02',
									metadata:{id:obj+'02',cn:obj+'02的中文解释',en:obj+'02的英文解释'},
								},
								{
									data:obj+'03',
									metadata:{id:obj+'03',cn:obj+'03的中文解释',en:obj+'03的英文解释'},
								}
								 ]
				  }
				 ]
		},
		plugins:['themes','json_data','checkbox','ui']
	});
	
	$tree.bind('select_node.jstree',function(e,data){
		//alert($.data(data.rslt.obj[0],'cn'));
		$("#serachArea").val($.data(data.rslt.obj[0],'id'));
		$("#cnTxt").html($.data(data.rslt.obj[0],'cn'));
		$("#enTxt").html($.data(data.rslt.obj[0],'en'));
	});
	
	}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值