EasyUI datagrid 实现标题居中,内容居左的方法与隔行换色

function attentionTaskList(){
    $("#tasklist").datagrid({
        title:"我关注的任务<font color='red'>&nbsp;&nbsp;注:标红案件即将超时效,请尽快处理!</font>",
        url:"${ctx}a/t",
        pagination:true,
        //rownumbers:true,
        singleSelect:true,
        striped:true,
        rowStyler: function(index,row){
            if ((index % 2)==0){
                return 'background: #E3EEED;style:cursor:pointer;';  
            }else{
            	return 'background: #FFFFFF;style:cursor:pointer;';  
            }               
        },
        columns:[[{field:"caseNo", title:"案件号",**halig`n:"center",align:"left`",** formatter:function(value, rowData, rowIndex){
			            if(rowData.isFinished=='Y'){
			            	return "<a href=\"javascript:void(0)\" style=\"color:red;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.caseNo+"</a>";
				        }else if(rowData.isFinished=='N'){
				        	return "<a href=\"javascript:void(0)\" style=\"color:black;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.caseNo+"</a>";
				        }
		           }, width:175},
	              {field:"clientName", title:"客户姓名",halign:"center",align:"left", formatter:function(value, rowData, rowIndex){
                         if(rowData.isFinished=='Y'){
                             return "<a href=\"javascript:void(0)\" style=\"color:red;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.clientName+"</a>";
                         }else{
                        	 return "<a href=\"javascript:void(0)\" style=\"color:black;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.clientName+"</a>";
                         }
                   }, width:175},
                   {field:"caseStatus", title:"案件状态",halign:"center",align:"left", formatter:function(value, rowData, rowIndex){
                       if(rowData.isFinished=='Y'){
                           return "<a href=\"javascript:void(0)\" style=\"color:red;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.caseStatus+"</a>";
                       }else{
                           return "<a href=\"javascript:void(0)\" style=\"color:black;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.caseStatus+"</a>";
                       }
                   }, width:175},                 
                   {field:"branchName", title:"受理机构",halign:"center",align:"left", formatter:function(value, rowData, rowIndex){
                      if(rowData.isFinished=='Y'){
                          return "<a href=\"javascript:void(0)\" style=\"color:red;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.branchName+"</a>";
                      }else{
                          return "<a href=\"javascript:void(0)\" style=\"color:black;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.branchName+"</a>";
                      }
                   }, width:230},                   
                   {field:"acceptOr", title:"受理人",halign:"center",align:"left", formatter:function(value, rowData, rowIndex){
                      if(rowData.isFinished=='Y'){
                         return "<a href=\"javascript:void(0)\" style=\"color:red;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.acceptOr+"</a>";
                      }else{
                         return "<a href=\"javascript:void(0)\" style=\"color:black;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.acceptOr+"</a>";
                      }
                   }, width:210},                  
                   {field:"acceptDate", title:"受理日期",halign:"center",align:"left", formatter:function(value, rowData, rowIndex){
                     if(rowData.isFinished=='Y'){
                         return "<a href=\"javascript:void(0)\" style=\"color:red;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.acceptDate+"</a>";
                     }else{
                         return "<a href=\"javascript:void(0)\" style=\"color:black;text-decoration:none;\" onclick=\"queryTask(\'"+rowData.caseNo+"','"+rowData.nodeName+"','"+rowData.taskId+"','"+rowData.processName+"')\">"+rowData.acceptDate+"</a>";
                     }
                   }, width:200}
                ]], onLoadSuccess: function (data) {
                    var panel = $(this).datagrid("getPanel");
                    var tr = panel.find("div.datagrid-body tr");
                    tr.each(function () {
                        var td = $(this).children("td");
                        td.css({
                            "border": "1px solid #95a7bf",
                            "border-collapse": "collapse"
                        });;
                    });
                }
    });
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值