EasyUI自定義邊框分割線樣式

轉自http://blog.csdn.net/foart/article/details/9630313

 

$('#dg').datagrid({
        url:'${basePath}/getAppraisal_jgrid.do?type=query&sqlKey=' + sqlKey + '&jsonStr=' + jsonStr,
        method:"post",remoteSort:false,rownumbers:true,fit:true,//fitColumns:true,
        toolbar: [{
            iconCls: 'icon-add',text:'瀏覽鑑定單',
            handler: function(){ }
            },'-',{
            iconCls: 'icon-edit',text:'打印',
            handler: function(){ }
            },'-',{
            iconCls: 'icon-remove',text:'打印明細',
            handler: function(){ }
            },'-',{
            iconCls: 'icon-back',text:'打印報告書',
            handler: function(){ }
            },'-',{
            iconCls: 'icon-back',text:'上傳圖片',
            handler: function(){ }
            }],
        columns:[[
        {field:'ap_ID',title:'id',width:0,hidden:true},
        {field:'look',title:'查看',align:'center',width:37,
            formatter: function(value,row,index){
                if(row.showBrowseIcon){//顯示查看圖標,默認false是不顯示
                    return "<a href='#'><input  type='image' οnclick=\"javascript:got_page('accidentForm.jspx','" + row.sgdId + "','" + sqlKey  + "');\" src='" + '${basePath}' + "/res/images/browse.gif'/></a>";
                }
                return "";
            },styler: function(value,row,index){
                if (row.showFlag){//在datagrid中記錄行分割線的顯示，true：表示顯示，false：表示不顯示
                    return ' border-bottom-color:black; border-bottom-width: 11 11 10px 11; border-right-color:black;';
                }else{
                    return 'border-bottom-color:transparent;border-right-color:black;';
                }
            }
        },{field:'ap_State',title:'狀態',align:'center',width:67,
            formatter: function(value,row,index){
                return pdJDDState(row,isShowDJState);
            },styler: function(value,row,index){
                var temp ="";
                var state = pdJDDState(row,isShowDJState);
                if (state=='已審'){
                    temp = "color:#0066CC;";
                }
                if(state=="√已收款"){
                    temp = "color:#663399;";//
                }
                if(state=="已作廢"){
                    temp = "color:#FF6600;";//
                }
                if(state=="未知"){
                    temp = "color:#FF0000;";//
                }
                if (row.showFlag){//在datagrid中記錄行分割線的顯示，true：表示顯示，false：表示不顯示
                    return temp +' border-bottom-color:black; border-bottom-width: 11 11 10px 11; border-right-color:black;';
                }else{
                    return temp + 'border-bottom-color:transparent;border-right-color:black;';
                }
            }
        }
        ]] ,
        onDblClickRow:function(rowIndex, rowData) {
        },
        onLoadSuccess:function(data){
        },onBeforeLoad:function(param){
        },
        singleSelect:true,pagination:true
    });
    var p = $('#dg').datagrid('getPager');
    p.pagination({
        pageSize : 10,// 每頁顯示的記錄條數，默認爲20
        pageList : [ 10, 20, 30 ],// 可以設置每頁記錄條數的列表
        beforePageText : '第',// 頁數文本框前顯示的漢字
        afterPageText : '頁    共 {pages} 頁',
        displayMsg : '當前顯示 {from} - {to} 條記錄   共 {total} 條記錄'
    });