@{
	ViewData["Title"] = "照片管理";
	Layout = "~/Views/Shared/_Index.cshtml";
}
<div class="lr-layout  lr-layout-query" id="lr_layout">

	<div class="lr-layout-center" style="padding-top:60px;">
		<!--60 38-->
		<div class="lr-layout-query-form" style="height:60px;">
			<div class="lr-form-wrap lr-rblock" id="queryForm">
			</div>
			<div class="lr-layout-query-form-btns">
				<a id="lr_btn_qReset" class="btn btn-default">&nbsp;重&nbsp;&nbsp;置</a>
				<a id="lr_btn_qSearch" class="btn btn-primary">&nbsp;查&nbsp;&nbsp;询</a>
			</div>
		</div>
		<div class="lr-layout-wrap">
			<div class="lr-layout-title">
				<span class="lrlg">列表数据</span>
				<div class="lr-layout-title-right">
					<div class=" btn-group btn-group-sm">
						<a id="btn_refresh" class="btn btn-default"><i class="fa fa-refresh"></i></a>
						<a id="btn_add" class="btn btn-default"><i class="fa fa-plus"></i>&nbsp;<span class="lrlg">新增</span></a>
						<a id="btn_edit" class="btn btn-default"><i class="fa fa-pencil-square-o"></i>&nbsp;<span class="lrlg">编辑</span></a>
						<a id="btn_delete" class="btn btn-default"><i class="fa fa-trash-o"></i>&nbsp;<span class="lrlg">删除</span></a>
						<a id="btn_print" class="btn btn-default"><i class="fa fa-print"></i>&nbsp;<span class="lrlg">打印</span></a>
					</div>
				</div>
			</div>
			<div class="lr-layout-body" id="gridtable"></div>
		</div>
	</div>
</div>
<script>
    var bootstrap = function ($, learun) {
        var page = {
            init: function () {
                page.bind();
                page.initCompont();
                page.initTree();
                page.initGrid();
            },
            bind: function () {
                // 刷新
                $('#btn_refresh').on('click', function () {
                    location.reload();
                });
                // 查询
                $('#lr_btn_qSearch').on('click', function () {
                    var queryData = $('#queryForm').lrGetFormData();
                    page.search({ queryJson: JSON.stringify(queryData) });
                });
                // 重置
                $('#lr_btn_qReset').on('click', function () {
                    var queryData = $('#queryForm').lrGetFormData();
                    for (var id in queryData) {
                        queryData[id] = "";
                    }
                    $('#queryForm').lrSetFormData(queryData, true);
                });
                //新增
                $('#btn_add').on('click', function () {
                    learun.layerForm({
                        id: 'form',
                        title: '新增',
                        url: top.$.rootUrl + '/Controllers/PhotoApi/Form',
                        height: 500,
                        width: 600,
                        callBack: function (id) {
                            return top[id].acceptClick(refreshGird);
                        }
                    });
                });
                //编辑
                $('#btn_edit').on('click', function () {
                    var keyValue = $('#gridtable').jfGridValue('SerialNumber');
                    if (learun.checkrow(keyValue)) {
                        learun.layerForm({
                            id: 'form',
                            title: '编辑',
                            url: top.$.rootUrl + '/Controllers/PhotoApi/Form?keyValue='+keyValue,
                            height: 500,
                            width: 600,
                            callBack: function (id) {
                                return top[id].acceptClick(refreshGird);
                            }
                        });
                    }
                });
                //删除
                $('#btn_delete').on('click', function () {
                    var keyValue = $('#gridtable').jfGridValue('SerialNumber');
                    if (learun.checkrow(keyValue)) {
                        learun.layerConfirm('是否确认删除该项！', function (res) {
                            if (res) {
                                learun.deleteForm(top.$.rootUrl + '/Controllers/PhotoApi/DeleteForm', { keyValue: keyValue }, function () {
                                    refreshGird();
                                });
                            }
                        });
                    }
                });
                //打印
                $('#btn_print').on('click', function () {
                    $("#gridtable").jqprintTable({ title: '打印列表' });
                });

            },
            initCompont: function () {

            },
            initTree: function () {

            },
            initGrid: function () {
                $('#gridtable').jfGrid({
                    url: top.$.rootUrl + '/Controllers/PhotoApi/GetPageList',
                    isPage: true,
                    sidx:'',//排序字段只有在分页的情况下支持，多个字段用，隔开
                    reloadSelected: true,
                    mainId: 'SerialNumber',
                    headData: [
                        {
                            label: "单行文本", name: "SerialNumber", width: 100, align: "left"
                        },
                        {
                            label: "下拉框", name: "Type", width: 100, align: "left"
                            , formatterAsync: function (callback,value, row, op, $cell) {
                                learun.clientdata.getAsync('dataItem', {
                                    key: value,
                                    code: '',
                                    callback: function (_data) {
                                        callback(_data.F_ItemName);
                                    }
                                });
                            }
                        },
                        {
                            label: "单行文本", name: "Picture", width: 100, align: "left"
                        },
                        {
                            label: "单行文本", name: "ResField1", width: 100, align: "left"
                        },
                    ]
                });

                page.search();
            },
            search: function (param) {
                param = param || {};

                $('#gridtable').jfGridSet('reload', param);
            }
        };
        // 保存数据后回调刷新
        window.refreshGird = function () {
            page.search();
        }

        page.init();
    }
</script>