<div id="gridtable" class="page out" data-title="表格插件">
	<div id="gridtable-header"></div>
	<div id="gridtable-a"></div>
</div>
<script>
require(["NavHeader", "GridTable"], function(NavHeader, GridTable) {
	var _u = require("mUtil");
	var hasClsPicker = typeof clsPicker !== "undefined";

	if(!hasClsPicker) {
		new NavHeader({
			el: "gridtable-header",
			option: {
				title:"表格插件", 
				smallTitle:"gridtable"
			}
		}).render();
	}

	new GridTable({
		el: "gridtable-a",
		option: {
			sourceid : -999,//表单建模查询id
			pageSize : 10,
			showFields : [
				{text:"单行文本框", fieldame:"dxwbk", width:"100", fieldid:"6528"},
				{text:"单行文本整数", fieldame:"dxwbzs", width:"80", fieldid:"6529"},
				{text:"单行文本浮点数", fieldame:"dxwbfds", width:"80", fieldid:"6530"},
				{text:"多行文本", fieldame:"dxwb", width:"80", fieldid:"6533"},
				{text:"人力资源浏览框", fieldame:"rlzyllk", width:"80", fieldid:"6534"},
				{text:"部门浏览框", fieldame:"bmllk", width:"80", fieldid:"6535"},
				{text:"单行文本金额千分位", fieldame:"dxwbjeqfw", width:"80", fieldid:"6532"}
			],
			normalSearch: {
				hide: false,	//是否隐藏查询
				tip: "请输入关键字",
				fields: [		//指定查询列,支持id和name两个属性，若传明细表字段名称需加上前缀d1,如d1.name
					{name : "dxwbk"},
					{name : "rlzyllk"},
					{name : "dxwb"}
				],
			},
			btns : [
				{
					text : "新建", 
					click : function(){
						alert("点击新建");
					}
				}        
			],
			options: {
				width : "100%",
				height : 300,
				fixedColumn : 1, //锁定列数
				groupsum : true, //分组合计
				totalsum : true, //总计
				readonly : false,//是否数据只读
			},
			callback: {
				click : function(data){
					var dataid = data.id;
					$u("/mobilemode/mobile/demo/plugin/GridTable/detail.html?billid="+dataid, true);
				}
			}
		}
	}).render().then(function() {
		if (!hasClsPicker) return;

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

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

		setTimeout(() => {
			new clsPicker({
				selector: ".wev-search",
				text: ".wev-search",
				lineYSkew: 75,
				skew: [20, 0.9],
				position: "top right"
			});
			new clsPicker({
				selector: ".wev-placeholder-inner",
				text: ".wev-placeholder-inner",
				lineYSkew: 45,
				skew: [10, 0.6],
				position: "top right"
			});
			new clsPicker({
				selector: ".wev-gridtable-content-wrapper table>thead>tr>th",
				text: " ",
				lineYSkew: 0,
				skew: ["", 2.2],
				position: "top right"
			});

			new clsPicker({
				selector: ".btn",
				text: ".btn",
				lineYSkew: 15,
				skew: ["", 0.6],
				position: "top left"
			});
			
			new clsPicker({
				selector: ".wev-more-btn",
				text: ".wev-more-btn",
				lineYSkew: 20,
				skew: ["", 1],
				height: 90
			});
		}, 100);
	});
});
</script>