<div id="urllargelist" class="page out" data-title="URL大图列表">
	<div id="urllargelist-header"></div>
	<div id="urllargelist-a"></div>
</div>
<script>
require(["NavHeader", "LargeList"], function(NavHeader, LargeList) {
	var _u = require("mUtil");
	var hasClsPicker = typeof clsPicker !== "undefined";

	if(!hasClsPicker) {
		new NavHeader({
			el: "urllargelist-header",
			option: {
				title:"URL大图列表", 
				smallTitle:"urllargelist"
			}
		}).render();
	}

	new LargeList({
		el: "urllargelist-a",
		option: {
			sourceurl: "/mobilemode/mobile/demo/plugin/UrlList/data.jsp",
			pageSize : !hasClsPicker ? 6 : 1,
			normalview: {
                titlefield: "{title}",
                imgfield: "<img src='{avatar}'/>",
                otherfields: [
                    "内容:{content}",
                    "分类:{cat}",
                    "日期:{date}"
                ]
            },
			normalSearch: {
				hide: false,		//是否隐藏查询
				tip: "搜你所想"
			},
			btns : [
				{
					text : "新建",
					click : function(){
						Mobile_NS.msg("点击新建按钮");
					}
				}
			],
			options: {
				readonly : false,	//是否数据只读
				showOnePage: false,	//显示一页，默认为false
				selectable: false	//选择列表
			},
			callback: {
				click : function(data){
					console.log(data);
					$u("/mobilemode/mobile/demo/plugin/LargeList/detail.html?billid="+data["id"], true);
				}
			},
			onload: function() {
				var hasClsPicker = typeof clsPicker !== "undefined";
				if (!hasClsPicker) return;

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

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

				new clsPicker({
					selector: "li .wev-media-object.wev-pull-left",
					text: ".wev-media-object",
					lineYSkew: 80,
					angle: 80,
					height: 300,
					position: "bottom right"
				});
				new clsPicker({
					selector: "li .wev-ellipsis",
					text: ".wev-ellipsis",
					skew: [50, ""],
					angle: 80,
					lineYSkew: 50,
					height: 300,
					position: "bottom right"
				});

				new clsPicker({
					selector: ".wev-table-view-cell",
					text: ".wev-table-view-cell",
					skew: [1.1, 10],
					angle: 80,
					lineYSkew: 30,
					position: "bottom left"
				});

				new clsPicker({
					selector: ".wev-search",
					skew: [8, ""],
					lineYSkew: 100
				});
				new clsPicker({
					selector: ".wev-search-inner",
					skew: [3, ""],
					lineYSkew: 70
				});

				new clsPicker({
					selector: ".wev-small-icon",
					skew: ["", 2],
					lineYSkew: 55
				});
				new clsPicker({
					selector: ".btn:last-child",
					text: ".btn"
				});
			}
		}
	}).render();
});
</script>