1：引入相应的css和js文件

       css:

   js:

2：html代码

    
     
      
       
        
         
          
           
              
            
             请选择活动状态 
             
                
              
                       
               
                ${activityStatus.value}        
                
                 
                  
                   
                    
                     
                      搜索
                     
                    
                   
                  
                 
                
               
              
             
            
           
          
         
        
       
      
     
    

    
     
      活动主题
      
       责任人
       
        活动时间(起)
        
         活动时间(止)
         
          活动状态
          
           操作
          
         
        
       
      
     
    

3：js代码调用

$(function() { activityListTable.bootstrapTable({url : searchUrl,method : 'get',queryParamsType : 'pageNo',cache : false,height : 400,striped : true,pagination : true,pageSize : 10,pageList : [ 1, 5, 10, 20, 25 ],showColumns : true,showRefresh : true,minimumCountColumns : 2,clickToSelect : true});querySearch.on("click",function(){var activityName=$.trim($("#activityName").val());var status=$("#status").find("option:selected").val();var startTime=$("#startTime").val();var endTime=$("#endTime").val();var queryParams=[];queryParams.push({ activityName:activityName,     startTime:startTime,     endTime:endTime        });activityListTable.bootstrapTable('refresh',{        url:searchUrl+"?status="+status,      queryParams:queryParams      });

function operateFormatter(value, row, index){		//alert(row.id);		var id=row.id;		var creater=row.creater;		var status=row.activityStatus;		var detailUrl='<%=path %>/activity/detail/'+id+".shtml";		var resetUrl='<%=path %>/activity/resetactivity/'+id+".shtml";		var activityApprovalDetailUrl='<%=path %>/activity/activityApprovalDetail/'+id+".shtml";				var optHtml= "
    
     
      查看";				if(status==1){			if(creater==loginId){				optHtml+="
      
       
        删除";				optHtml+="
        
         
          编辑"; } }else if(status==2){ if(auditFlag=="true"){ optHtml+="
          
           
            审批"; } }else if (status==4){ if(creater==loginId){ optHtml+="
            
             
              编辑"; } } return optHtml; }
             
            
           
          
         
        
       
      
     
    

4：服务端返回的json数据为：

           {

• total: 35,

• rows: [

  ]

  • id: 97,

  • delflag: 0,

  • activityName: "test",

  • activityGoal: "test",

  • saleNum: 1,

  • activityBudget: 1,

  • publicChannel: 1,

  • placeType: 3,

  • activityDetail: "<p>test</p>",

  • activityStatus: 2,

  • activityStatusName: "待审批",

  • publicStart: 1443179740000,

  • publicEnd: 1443262539000,

  • activityStart: 1443262540000,

  • activityEnd: 1443348940000,

  • activityStartView: "2015-09-25 19:15:40",

  • activityEndView: "2015-09-27 18:15:40",

  • picName: "1",

  • picDepartment: "1",

  • picPhone: "11111111111",

  • picEmail: "1@sina.com",

  • creater: 6120

  • {

    }

}