<div id="datadetail" class="page out" data-title="数据明细插件">
	<div id="datadetail-header"></div>
	<div id="datadetail-a"></div>
</div>
<script>
require(["NavHeader", "DataDetail"], function(NavHeader, DataDetail) {
	var _u = require("mUtil");
	var hasClsPicker = typeof clsPicker !== "undefined";

	if(!hasClsPicker) {
		new NavHeader({
			el: "datadetail-header",
			option: {
				title:"数据明细插件", 
				smallTitle:"datadetail"
			}
		}).render();
	}
	
	new DataDetail({
		el: "datadetail-a",
		option : {
			items : [
				{
					title : "插件名称：", 
					content : "数据明细",
					click: function(){
						alert(1);
					}
				},
				{title : "适用版本：", content : "E9", click: function(){alert(2);}},
				{title : "插件版本：", content : "1.0"},
				{title : "插件来源：", content : "移动建模"}
			]
		}
	}).render().then(function() {
		if (!hasClsPicker) return;

		_u.vetically("#datadetail-a");

		clsPicker.golalSetting({
			container: ".wev-comp-DataDetail",
			type: "DataDetail"
		});

		new clsPicker({
			selector: ".wev-table-view-wrapper",
			text: ".wev-table-view-wrapper",
			lineYSkew: 50,
			skew: [8, ""],
			height: 200
		});
		new clsPicker({
			selector: ".wev-table-view",
			text: ".wev-table-view",
			lineYSkew: 20,
			skew: [5, ""],
			height: 200
		});

		new clsPicker({
			selector: ".wev-table-col",
			text: ".wev-table-col",
			lineYSkew: 80,
			skew: [5, ""],
			position: "top right"
		});
		new clsPicker({
			selector: ".wev-table-view-cell",
			text: ".wev-table-view-cell",
			lineYSkew: 50,
			skew: [4, ""],
			position: "top right"
		});
		new clsPicker({
			selector: ".wev-table-col:last-child",
			text: ".wev-table-col",
			lineYSkew: 20,
			skew: [4, ""],
			position: "top right"
		});
	});
});
</script>