datatable 序號和使用

注意這段代碼:

                  {"data" : 'KeyId',  
               	       "render" : function(data, type, full, meta){ 
               		     if(meta.settings && meta.settings.aLastSort){
               		      if(meta.settings.aaSorting[0][1] == 'asc'){
	                	        return meta.row + 1 + meta.settings._iDisplayStart;   
	                		}else if(meta.settings.aaSorting[0][1] == 'desc'){
	                		    //倒序
	                		    return (meta.settings.aiDisplay.length-meta.row) + meta.settings._iDisplayStart;   
	                		}
               		    }
               	     }},
   //禁止alert顯示警告和錯誤
    var _wh__Table___;
    initData();
    $.fn.dataTable.ext.errMode = 'none'; //不顯示任何錯誤信息          
    function initData(){
    	   //datatables
          _wh__Table___ = $("#tab_orderList").dataTable({
            "destroy" : true,       //銷燬表格對象
            "aLengthMenu":[10,25,50,100,500,1000,2500],  //用戶可自選每頁展示數量 
            "searching":true,//禁用搜索(搜索框)
            "lengthChange":true,
            "paging": true,//開啓表格分頁
            "bProcessing" : true,
            "bServerSide" : true,
            "bAutoWidth" : false,
            "sort":"position",
            "deferRender":true,//延遲渲染
            "bStateSave" : true, //在第三頁刷新頁面,會自動到第一頁
            "retrieve" : false, //類似單例模式,重複利用以存在對象。
            "iDisplayLength" :10,
            "iDisplayStart" : 0,
            "bRetrieve": false,
            "select": {
                style:    'os',
                selector: 'td:first-child'
            }, 
            "ordering": true,//全局禁用排序
            "ajax": {  //ajax方式向後臺發送請求
                "type": "POST",
                "url":"URL?t="+new Date().getTime(),
                "dataType" : "json",
                "data": function ( d ) {//重新初始化變化了的參數
                }
            },
            "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 ] },{ "bSortable": false, "aTargets": [ 8 ] }],//第0,8不要排序
            columns: [
    				   { data: 'KeyId',
                    	  "render": function ( data, type, full, meta ) {   
                    		  return '<input class="magic-checkbox" type="checkbox" name="layout" id="'+data+'" >'+
                                      '<label for="'+data+'"></label>';
                       }},
                      /* { data: 'KeyId' ,
                     	  "render": function ( data, type, full, meta ) {   
                		   return meta.row + 1;
                       }}, */
                       {"data" : 'KeyId',  
               	       "render" : function(data, type, full, meta){ 
               		     if(meta.settings && meta.settings.aLastSort){
               		      if(meta.settings.aaSorting[0][1] == 'asc'){
	                	        return meta.row + 1 + meta.settings._iDisplayStart;   
	                		}else if(meta.settings.aaSorting[0][1] == 'desc'){
	                		    //倒序
	                		    return (meta.settings.aiDisplay.length-meta.row) + meta.settings._iDisplayStart;   
	                		}
               		    }
               	       }},
                      { data: 'VideoName' },                    
                      { data: 'CourseName'},
                      { data: 'TeacherName'},
                      { data: 'IsDisabled', 
                    	  "render": function ( data, type, full, meta ) {             	    	
                    		  return '<span class="'+(data == 1 ? "am-text-danger":"am-text-success")+'">'+(data == 1 ? "禁用":"啓用")+'</span>';
                       }},
                       { data: 'UserName'},
                       { data: 'AddTime'},
                       { data: 'id' ,
         	               'render':function(data, type, full, meta){
         	  	    	//var del="defiles('"+item.Guid+"')";
         	    		//var edit="editfiles('"+item.Guid+"','"+item.CompanyGuid+"')";
         	            //html+='<td class="am-text-middle">';
         				var html ='<div class="tpl-table-black-operation">';
         				html+='<a class="am-btn lanse" onclick="editfiles(\''+full.Guid+'\',\''+full.CompanyGuid+'\')"  data-am-modal="{target: \'#doc-modal-1\', closeViaDimmer: 0, width: 800, height: 700}">';
         				html+='<i class="am-icon-cog"></i> 編輯';
         				html+='</a>';
         				html+='<a class="am-btn lanse" data-am-modal="{target: \'#doc-modal-8\', closeViaDimmer: 0, width: 800, height: 506}" onclick="previewVideo(\''+full.PlayUrl+'\',\''+full.VideoName+'\')">';
         				html+='<i class="am-icon-play"></i> 預覽';
         				html+='</a>';
         				html+='<a class="am-btn huise delete" onclick="defiles(\''+full.Guid+'\')" href="javascript:void(0)"  onclick="javascript:void(0)">';
         				html+='<i class="am-icon-trash"></i> 刪除';
         				html+='</a>';
         				html+='</div>';
         				//html+='</td> '; 
	                      			return html;
                			 }
      					},	
                  ],
            "oLanguage" : { // 國際化配置
                "sProcessing" : "正在獲取數據,請稍後...",
                "sLengthMenu" : "顯示 _MENU_ 條",
                "sZeroRecords" : "沒有找到數據",
                "sInfo" : "從 _START_ 到  _END_ 條記錄 總記錄數爲 _TOTAL_ 條",
                "sInfoEmpty" : "記錄數爲0",
                "sInfoFiltered" : "(全部記錄數 _MAX_ 條)",
                "sInfoPostFix" : "",
                "sSearch" : "",
                "sUrl" : "",
                "oPaginate" : {
                    "sFirst" : "第一頁",
                    "sPrevious" : "上一頁",
                    "sNext" : "下一頁",
                    "sLast" : "最後一頁"
                }
            },
        });
    }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章