bootstrap table操作テクニック

関連資料
http://blog.csdn.net/daniel_lixual/articale/detail/53197618http://bootstrap-table.wenzhixin.net.cn/documentation/ https://github.com/wenzhixin/bootstrap-table/
ptions:Object proto:Object async:false buttons Align:"right"cache:false cardViem:false chchecckbobobox Header:true clases:"clickToSelect：falscolumns:Aray(1)tdadadadatitittttttttdadadadanit)))))"ttttdadadadadadadadadadadanit"tttttccccccccccccccccccccccccccccccccccccccccccccccccccccccrmater:function(index，row)detailView:false edtable:Editable exportDataTypee:"all"exportOptions:Object exportTypes:Aray(6)formamatAllRows:formamatColumns:function(formatdedededemation(fortatadededemation)fortrtrtrtrtrtrdedededededededededededemation(fortatatatadededededededededededededededemation)))))formatPamatPamatitititititipapaginanation(FottttttttFinininininininRecords PerPage:function(pageNu)mber)formatish:function()formatSearch:function()formatShingRows:function(pageFrom、pageTo、total Rows)formatTogggggggment:function()icons:Object icons Profix:"glyphicon"AlntainSefuctined:falstred"args)onCheck:function(row)onCheckAll:function(rows)オンCheckSome:function(rows)オンオンCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCncncnction(fielement)オンCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCloickRoRowRoncncncncncncncnctRowRoccRowRowRowRowRowRowwwwRovalue，row，element）onDblClickRow：function（item）Editable Hdden:function(field，row，el，reason)on Editable Init:function()on EditableInit:function()on Editableble Init:function(field，row，oldValue，el)on Ediestablblewn:function(field，row，row，Edidedededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededetttttttttttttttta）onPageChange：function（number）ワンポイントBody:function()onPostHeader:function()onPreBody:function(data)onRefreshOptions:function(options)onReReetView:onction()onSearch:function(text)on:Sort:function:function(name，orfudededededededededededededededededededededededededededededededegggggggggggggggdedededededededededededededededededededededededeggggggggggggggggggttttttttttrows)onedia ableasave:"my 2_オンラインEditableble Save"onlyInfontination:false pageList:Aray(4)pageNumber:1 pageSize:50 pageSize:50 pagination:true pagination DetailHAlign:left"pagination FirstText:"トップページ"pagination HAlign:"pagination HAlign:"panegggggggggggn:"paniggggggggggggt""""""""""""pararararararararararararararararation HAliggggggggggggggggggggggrams:function(params)queryParaams Type:"limit"reponseHandler:function(res)rowAttributes:function(row、index)rowStyle:function(row、row、index)search:true search Align:"right"search Text:"search TimeOut:500 selectItem Name:"bt SelectItem"showColumns:true showExport:true shshowFooter:false shshshshshowHeader:trtruetttttttttttttttttttttttttttttttttttttttttttttshshshshshshshshshshshararart:trtrtrtrtrtrtringgggggggggggggggggggggggshshshshshleSelect:false smart Display:true sortName:"seq"sortOrder:"asc"sortable:true strictSearch:false streiped:false toggle:"table"toolbar Align:"left"total Pages:3 total Rows:146 trimOnSearch:true undefinedText:"
ソース
htmlコード

    

        

            
id
            
  
            
ip
            
  
            
 
            
 
            
   
        
    

jsコード:

//          。     request.getParameter  
var bh_agt_queryParams=function(params){
    var tmp = bt_bhagent_paras//     json    
    bt_bhagent_paras={}
    return tmp
}
var bh_agt_bootstrapresp=function(data){
    bt_bhagent_list = data;
    //               。
    //      data        retdata。
    //               ，    echart 。
    return retdata
}
//          ,      css
var table_rowFormatter = function(row, index){
     if (row.succ == "SUCCESS"){
         return { classes: 'success' };
    }else if (row.succ == "NOTING"){
        return { classes: 'warning' };
    }
     return { classes: 'danger' };
}
//  Table  
var bh_table_update = function(refresh,filter){
    if (refresh){
        $('#'+ filter.eTable).bootstrapTable('refresh',{  
            url: filter.tableUrl
        });
    }else{
        $('#'+ filter.eTable).bootstrapTable({  
            url: filter.tableUrl
        });
    }
} 

知識点説明

boot straphable（「refresh」、「url:filter.table Url」）；の方式は初めてデータをロードした時に失敗します。初めてデータをロードしたらrefresh動作ができません。

データを最初にロードしない場合は、refresh動作を実行しなければなりません。そうでなければ、データはテーブルに更新されません。

既存のデータを直接ロードする場合は、ロード動作を使用する必要があります。例えば：bootstraphable（「load」、data）；

.boot straphable(‘mergeClls’、{index:0，field:‘name’，rowspan:3}行または列のマージが可能です。

は、refreshなどの動作において、silent：trueパラメータを設定すると、wait loadingを提示しない。

table id="baji-table"style="font-size:10 px;"本表のフォントサイズを設定します。