<div id="tree" class="page out" data-title="树形插件">
	<div id="tree-header"></div>
	<div id="tree-a"></div>
</div>
<script>
require(["NavHeader", "Tree"], function(NavHeader, Tree) {
	var _u = require("mUtil");
	var hasClsPicker = typeof clsPicker !== "undefined";
	if(!hasClsPicker) {
		new NavHeader({
			el: "tree-header",
			option: {
				title:"树形插件", 
				smallTitle:"tree"
			}
		}).render();
	}
	new Tree({
		el: "tree-a",
		option: {
			treeid: "1",					//树形id, 对应表mode_customtree主键
			treeName: "插件Demo_科目",
			details: [
				{
					nodeid: 1,				//节点id, 对应表mode_customtreedetail主键
					click: function(data){	//点击执行动作
						console.log(this, data);
					},
					suffix: "",				//节点附加html
				}
			],
			searchTips: "请输入关键字"
		}
	}).render().then(function(){
		if (!hasClsPicker) return;
		_u.vetically("#tree-a");
		clsPicker.golalSetting({
			container: ".wev-comp-Tree",
			type: "Tree"
		});
		new clsPicker({
			selector: ".wev-search",
			text: ".wev-search",
			skew: [10, -0.13],
			lineYSkew: 30,
			position: "top right"
		});
		new clsPicker({
			selector: ".wev-treetitle-wrapper",
			text: ".wev-treetitle-wrapper",
			skew: [4, -0.13],
			lineYSkew: 10,
			position: "top right"
		});
		new clsPicker({
			selector: ".wev-table-view-wrapper",
			text: ".wev-table-view-wrapper",
			skew: [4, 0.5],
			lineYSkew: 30,
			position: "bottom right"
		});
		new clsPicker({
			selector: ".wev-table-view-cell",
			text: ".wev-table-view-cell",
			skew: [4, 0],
			lineYSkew: 10,
			position: "bottom right"
		});
		new clsPicker({
			selector: "ul.wev-treepage>li i",
			text: "ul.wev-treepage>li i",
			skew: [4, 0],
			lineYSkew: 10,
			position: "bottom right"
		});
	});
});
</script>