jquery easyui 封装

$(function(){

                var data_opt = {
                    ‘pageList‘:[5,10, 20, 30,50],
                    ‘pageSize‘:10,
                    "sortName":"id",
                    "sortOrder":"desc"
                };
                var cols = [[ //注意要两个嵌套的中括号
                    { field:‘ck‘, checkbox:true },
                    { field:‘id‘, title: ‘单号‘, width: 60, align: ‘center‘, sortable: true },
                    { field:‘name‘, title: ‘推荐位名称‘, width: 80, align: ‘center‘},
                    { field:‘m‘, title: ‘管理操作‘, width: 80, align: ‘center‘, formatter:orderOperateFormatter }
                ]];
　　　　　　　　 baseGrid(‘dg‘,"focus_ft","<{:U(‘Focus/focuslist‘)}>",cols);

                                
            });
            function orderOperateFormatter(val){
                var btn = [];
                btn.push(‘<a id="btedit"  href="__URL__/modify/id/‘+val+‘">编辑</a>‘);
                btn.push(‘<a id="btdel" href="#">删除</a>‘);
                return btn.join("|");
            }

/*version 1.0
 *mj
 */

/**点击后列出该行的扩展内容，使用此方法
 * id:grid 的ID
 * dg_toolbar：grid的复杂操作部分id，"dg_area_id"
 * Url:获取数据URL地址,--"<{:U(‘Focus/focuslist‘)}>"--"a.json"
 * expandUrl:隐藏内容URL地址
 * cols:列信息var cols = [[ //注意要两个嵌套的中括号
                    { field:‘id‘, title: ‘单号‘, width: 60, align: ‘center‘, sortable: true },
                    { field:‘name‘, title: ‘推荐位名称‘, width: 80, align: ‘center‘},
                    { field:‘m‘, title: ‘管理操作‘, width: 80, align: ‘center‘, formatter:orderOperateFormatter }
                ]];
 * data_opt：grid属性，可省略 var data_opt = {
                    ‘pageList‘:[10, 20, 30,50],
                    ‘pageSize‘:10,
                };
 */
function expandGrid(id,dg_toolbar,mainUrl,expandUrl,cols,data_opt){
    
    var default_opt = {
        ‘border‘:false,
        ‘fit‘:true,
        ‘fitColumns‘:true,
        ‘rownumbers‘:true,
        ‘singleSelect‘:false,
        ‘checkOnSelect‘:false,
        ‘selectOnCheck‘:true,
        ‘pagination‘:true,
        ‘pageList‘:[10, 20, 30, 50],
        ‘pageSize‘:10
    };
    for(opt in data_opt){
        default_opt[opt]=data_opt[opt];
    }

    $(‘#‘+id).datagrid({
        url: mainUrl,
        loadMsg: ‘数据加载中,请稍候...‘,
        pageSize: default_opt["pageSize"],
        pageList: default_opt["pageList"],
        pagination:default_opt["pagination"],
        singleSelect:default_opt["singleSelect"],
        fitColumns:default_opt["fitColumns"],
        checkOnSelect:default_opt["checkOnSelect"],
        selectOnCheck:default_opt["selectOnCheck"],
        view: detailview,
        toolbar: dg_toolbar==""?"":"#"+dg_toolbar,
        columns:cols,
        detailFormatter:function(index,row){
            return ‘<div class="ddv" style="padding:5px 0"></div>‘;
        },
        onExpandRow: function(index,row){
            var ddv = $(this).datagrid(‘getRowDetail‘,index).find(‘div.ddv‘);
            ddv.panel({
                height:"auto",
                border:false,
                cache:false,
                href:expandUrl+row.id,
                onLoad:function(){
                    $(‘#‘+id).datagrid(‘fixDetailRowHeight‘,index);
                }

            });
            $(‘#‘+id).datagrid(‘fixDetailRowHeight‘,index);
        }
    });
}

/**普通grid展示
 * id:grid 的ID
 * dg_toolbar：grid的复杂操作部分id，"dg_area_id"
 * Url:获取数据URL地址,--"<{:U(‘Focus/focuslist‘)}>"--"a.json"
 * cols:列信息var cols = [[ //注意要两个嵌套的中括号
                    { field:‘id‘, title: ‘单号‘, width: 60, align: ‘center‘, sortable: true },
                    { field:‘name‘, title: ‘推荐位名称‘, width: 80, align: ‘center‘},
                    { field:‘m‘, title: ‘管理操作‘, width: 80, align: ‘center‘, formatter:orderOperateFormatter }
                ]];
 * data_opt：grid属性，可省略 var data_opt = {
                    ‘pageList‘:[10, 20, 30,50],
                    ‘pageSize‘:10,
                };
 */
function baseGrid(id,dg_toolbar,Url,cols,data_opt){
    var default_opt = {
        ‘border‘:false,
        ‘fit‘:true,
        ‘fitColumns‘:true,
        ‘rownumbers‘:true,
        ‘singleSelect‘:false,
        ‘checkOnSelect‘:false,
        ‘selectOnCheck‘:true,
        ‘pagination‘:true,
        ‘pageList‘:[5, 10, 20, 30, 50],
        ‘pageSize‘:10
    };

    for(opt in data_opt){
        default_opt[opt]=data_opt[opt];
    }
    $(‘#‘+id).datagrid({
        url: Url,
        loadMsg: ‘数据加载中,请稍候...‘,
        pageSize: default_opt["pageSize"],
        pageList: default_opt["pageList"],
        pagination:default_opt["pagination"],
        singleSelect:default_opt["singleSelect"],
        fitColumns:default_opt["fitColumns"],
        checkOnSelect:default_opt["checkOnSelect"],
        selectOnCheck:default_opt["selectOnCheck"],
        toolbar: dg_toolbar==""?"":"#"+dg_toolbar,
        columns:cols
    });
        
}

function contains(arr, obj) {
    for (var i = 0; i < arr.length; i++) {
        if (arr[i] === obj) {
            return true;
        }
    }
    return false;
}

/*获取grid的id串，以，隔开，如果是字符串，则以‘‘,‘‘进行隔开
 *grid_id  grid的id
 *id 要组拼的字段id 
*/
function getSelections(grid_id,id){
    var rows = $("#"+grid_id).datagrid(‘getSelections‘);
    var ss=[];
    for(var i=0; i<rows.length; i++){
        var row = rows[i];
        ss.push(eval("row."+id));
    }
    return ss.join(‘,‘);
}

/*
 * 查询方法，查询区域必须用<form></form>包裹住，方便提交服务器处理
 * 传入grid的id,that表示查询按钮，传入this即可
 */
function search(grid_id,that){ 
    var data = $("#"+grid_id);
    var queryParams = data.datagrid(‘options‘).queryParams;
    
    $.each($(that).parent(‘form‘).serializeArray(), function() {
        queryParams[this[‘name‘]] = this[‘value‘];
    });
    data.datagrid({
        pageNumber: 1
    });
}