EasyUI自定义边框分割线样式

来源:互联网 发布:mac book 不能升级 编辑:程序博客网 时间:2024/05/17 22:43

 

$('#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' onclick=\"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,// 每页显示的记录条数,默认为20pageList : [ 10, 20, 30 ],// 可以设置每页记录条数的列表beforePageText : '第',// 页数文本框前显示的汉字afterPageText : '页    共 {pages} 页',displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录' });


 

原创粉丝点击