Ext.define('ZYMLZiYuanModel', {
    extend: 'Ext.data.Model',
    fields:[
        'themeid','title','addtime','isdefault','isonemap','adduserid'
    ],
    idProperty: 'resourceid'
});

var ThemeStore = new Ext.data.Store({
    autoDestroy: true,
    pageSize: 10,
    model: 'ZYMLZiYuanModel',
    proxy: {
        type: 'ajax',
        url: '/res/ResTheme/selectResTheme',
        reader: {
                root: 'topics',
                totalProperty: 'totalCount'
        },
        simpleSortMode: true
    },
    remoteSort: true
});

var formdata = {};
Ext.onReady(function () {
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
    Ext.tip.QuickTipManager.init();
    Ext.Ajax.timeout = 900000;
    Ext.require([
        'Ext.ux.PagingToolbar'
    ]);

    Ext.create('Ext.grid.Panel', {
        id: 'gridexample',
        renderTo: 'grid',
        // width: 2400,
        // height: 420,
        layout: 'fit',
        autoScroll: false,
        //bodyStyle: 'width:100%',
        store: ThemeStore,
        stateful: false,
        stateId: 'ZYMLZiYuan-Grid',
        viewConfig: {
            forceFit: true,
            enableTextSelection: true //列表数据可复制
        },
        columns: [
            { xtype: 'rownumberer', text: "序号", width: '5%', align: 'center' },
            {text: "专题名称", dataIndex: 'title', width: '40%', flex: 1, sortable: true, align: 'center', filter: { type: 'string' },
                renderer: function (value, p, record) {
                    var themeid = record.getData()["themeid"];
                    return Ext.String.format(
                        '<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}</span>',
                        themeid, value
                    );
                //     var themeid = record.getData()["themeid"];
                //     var isdefault = record.getData()["isdefault"];
                //     var isonemap = record.getData()["isonemap"];
                //     var html = "<img src=\"/image/map.png\" title='一张图模块显示' style=\"margin-left: 10px;vertical-align: text-bottom;\">";
                //         if(isdefault ==1) {
                //             if(isonemap == 1) {
                //                 return Ext.String.format(
                //                     '<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}<img src="/image/ytg.png" title="默认模块显示" style="margin-left: 10px;vertical-align: text-bottom;">'+html+'</span>',
                //                     themeid, value
                //                 );
                //             }
                //             else {
                //                 return Ext.String.format(
                //                     '<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}<img src="/image/ytg.png" title="默认模块显示" style="margin-left: 10px;vertical-align: text-bottom;"></span>',
                //                     themeid, value
                //                 );
                //             }
                //         }
                //         else {
                //             if(isonemap == 1) {
                //                 return Ext.String.format(
                //                     '<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}'+html+'</span>',
                //                     themeid, value
                //                 );
                //             }
                //             else {
                //                 return Ext.String.format(
                //                     '<span style="text-decoration : underline;cursor:pointer;" title="{1}" onclick="openResTheme(\'{0}\')" >{1}</span>',
                //                     themeid, value
                //                 );
                //             }
                //         }
                }
            },
            {text: "所属模块", dataIndex: "", width: '25%', sortable: true, align: 'center', filter: { type: 'string' },
                renderer: function (value, p, record) {
                    var isdefault = record.getData()["isdefault"];
                    var isonemap = record.getData()["isonemap"];
                    var yzt = "<span style='display: inline-block;background-color: #00acf3;width:77px;line-height: 21px;margin: 0 2px;color:white;border-radius: 5px;'>一张图模块</span>";
                    var mr = "<span style='display: inline-block;background-color: #7cc750;width:63px;line-height: 21px;margin: 0 2px;color:white;border-radius: 5px;'>默认模块</span>";
                    var mrnull = "<span style='display: inline-block;width:63px;margin: 0 2px;'></span>";
                    var yztnull = "<span style='display: inline-block;width:77px;margin: 0 2px;'></span>";
                    if(isdefault ==1) {
                        if(isonemap == 1) {
                            return Ext.String.format(
                                mr+yzt
                            );
                        }
                        else {
                            return Ext.String.format(
                                mr+yztnull
                            );
                        }
                    }
                    else {
                        if(isonemap == 1) {
                            return Ext.String.format(
                                mrnull+yzt
                            );
                        }
                        else {
                            return Ext.String.format(
                                ''
                            );
                        }
                    }
                }
            },
            { text: "发布人", dataIndex: 'adduserid', width: '15%', sortable: true, align: 'center', filter: { type: 'string' } },
            { text: "创建时间", dataIndex: 'addtime', width: '15%', sortable: true, align: 'center', filter: { type: 'string' } }
        ],
        bbar: Ext.create('Ext.ux.PagingToolbar', {
            id: "Page",
            name: "Page",
            store: ThemeStore,
            displayInfo: true,
            firstText: "首页",
            prevText: "上一页",
            nextText: "下一页",
            lastText: "尾页",
            refreshText: '刷新',
            beforePageText: '第',
            afterPageText: '页，共 {0} 页',
            displayMsg: '显示 {0} - {1} 条，共 {2} 条',
            emptyMsg: "没有数据显示",
            items: [
                {
                    xtype: 'label',
                    text: ''
                }
            ]
        })
    });

    ThemeStore.on('beforeload', function () {
        GetSearchWhere("SearchForm");
        ThemeStore.proxy.extraParams = [];
        Ext.apply(ThemeStore.proxy.extraParams, formdata);
    });
    ThemeStore.on('load', function (store, records, successful, eOpts) {
        var totalCount = store.totalCount;
        if (totalCount == "") totalCount = "0";
        // document.getElementById("ZiYuanCount").innerHTML = totalCount;
    });
    ThemeStore.load();

    //添加resize监听防止切换tab或者收起左栏导致grid不自适应宽度
    $(window).resize(function () {
        Ext.getCmp('gridexample').doLayout();//panel重新布局
    });
});

//获取查询条件
function GetSearchWhere(formId) {
    var form = document.forms[formId];
    for (var i = 0; i < form.elements.length; i++) {
        var strID = form.elements[i].id;
        var value = form.elements[i].value;
        if (form.elements[i].type == "checkbox") {
            if (form.elements[i].checked == true)
                value = "on";
            else
                value = "";
        }
        if (form.elements[i].type == "radio") {
            if (form.elements[i].checked == true) {
                strID = form.elements[i].name;
                value = form.elements[i].value;
            }
        }
        formdata[strID] = (value == "全部" || value == "None" ? "" : value + "");
    }
}