1. 程式人生 > >datatable 表格屬性包括翻頁,自己定義

datatable 表格屬性包括翻頁,自己定義

 
function doSearch() {  
	 
	    if(dtable!=null){  
	        dtable.fnClearTable(0);  
	        dtable.fnDraw(); // 重新載入資料  
	    }else{  
	    dtable = $("#datatable_ajax").dataTable({  //<span style="font-family: Arial, Helvetica, sans-serif;">datatable_ajax表單的id</span>

	        "oLanguage" : {    // 漢化  
	             "sLengthMenu": "每頁顯示 _MENU_條",
	                "sZeroRecords": "沒有找到符合條件的資料",
	                "sProcessing": "載入中...",
	                "sInfo": "當前第 _START_ - _END_ 條 共計 _TOTAL_ 條",
	                "sInfoEmpty": "沒有記錄",
	                "sInfoFiltered": "(從 _MAX_ 條記錄中過濾)",
	                "sSearch": "搜尋:",
                	"oPaginate": {
    	            	"sFirst": "首頁",
    	            	"sPrevious": "前一頁",
    	            	"sNext": "後一頁",
    	            	"sLast": "尾頁"
                	}
	            },  
	            "bStateSave" : false,  
	            "bJQueryUI" : true,  
	            "bPaginate" : true,// 分頁按鈕  
	            "bFilter" : false,// 搜尋欄  
	            "bLengthChange" : false,// 每行顯示記錄數  
	            "iDisplayLength" : 10,// 每頁顯示行數  
	            "bSort" : false,// 排序  
	            "bInfo" : true,// Showing 1 to 10 of 23 entries 總記錄數沒也顯示多少等資訊  
	            "bWidth" : true,  
	            "bScrollCollapse" : true,  
	            "sPaginationType" : "full_numbers", // 分頁,一共兩種樣式 另一種為two_button // 是datatables預設  
	            "bProcessing" : true,  
	            "bServerSide" : true,  
	            "bDestroy" : true,  
	            "bSortCellsTop" : true,  
	            "sAjaxSource" :currprojectname +"/aa/list.do",  //所要請求的介面地址
	            "sScrollY": "100%",  
	            "fnInitComplete": function() {  
	                this.fnAdjustColumnSizing(true);  
	             },  
	            "fnServerParams" : function(aoData) {  //查詢條件的介面拼接
		 					aoData.push({  
			                    "name" : "aa",  
			                    "value" : a
			                }); 
			        	                 aoData.push({  
				                 "name" : "cc",  
				                 "value" : encodeURI($("#aaa").val())  
				                }); 
			        	 
	                                         },  
	            "aoColumns" : [   
	                            {"mData" : "id"},  //表單的屬性,必須一一對應而且行數必須相同!!!               
	                            {"mData" : "name"},   
								{"mData" : "lal"},  
	                            {"mData" : "dota2"},   
	                            {"mData" : "games"},  
	                          ],  
                                                "aoColumnDefs": [{ //我用這個,一般是設定第一列的勾選,多選框的設定
                                                      <span style="font-family: Arial, Helvetica, sans-serif;"> "sClass": "center",</span>
                                                    "aTargets": [0],
                                                    "mData": "gid",
                                                     "mRender": function(a, b, c, d) { //a表示statCleanRevampId對應的值,c表示當前記錄行物件  
                                                     return '<input name="check_row" class="check_row"  value =\"' + c.id + '\" type="checkbox" data-playUserId=\"' + c.playUserId + '\" data-address=\"' + c.address + '\" data-residentNo=\"' + c.residentNo + '\" data-phoneNumber1=\"' + c.phoneNumber1 + '\" data-phoneNumber2=\"' + c.phoneNumber2 + '\" data-riskLevel=\"' + c.riskLevel + '\" data-correctionStatus=\"' + c.correctionStatus + '\" />';
                                                          }
                                                          }, ],
	           
	             "fnRowCallback" : function(nRow, aData, iDisplayIndex) {   //相當於對欄位格式化  <pre name="code" class="javascript">                                                      if (aData["checkStatus"] == 0) {
                                                  $('td:eq(5)', nRow).html("贏了");
                                                        } else if (aData["checkStatus"] == 1) {
                                                     $('td:eq(5)', nRow).html("輸了");
                                                          } "fnServerData": function(sSource, aoData, fnCallback) {
                $.ajax({
                    "type": 'get',
                    "url": sSource,
                    "dataType": "json",
                    "data": { aoData: JSON.stringify(aoData) },
                    "success": function(resp) {
                        fnCallback(resp);
                    },
                    /*   "error":function(){
                                 alert("出錯");
                   }*/


                });
            }
        });
    }
}
</pre><pre name="code" class="javascript">
</pre><pre name="code" class="javascript">
</pre><pre name="code" class="javascript">
</pre><pre name="code" class="javascript">

相關推薦

datatable 表格屬性包括自己定義

 function doSearch() {       if(dtable!=null){           dtable.fnClearTable(0);           dtable.fnDraw(); // 重新載入資料       }else{

ajax json 表格排序自己定義數量

ans val span 5.5 排序。 itl mod sheet .ajax ajax json 表格排序。分頁,自己定義每頁數量?點擊表頭能夠排序。依照升序或者降序,另外支持多列

echarts使用記錄(二)事件

bsp 均可 官方文檔 sel ima dsc n) amp 但是 1、有時候legend比較多的時候,需要做翻頁比較好,有個屬性legend的type屬性設置為scroll,然後animation可以控制動畫,官方文檔均可查。   再就是scrollDataIndex,就

(java)selenium webdriver學習---實現簡單的將頁面內容的標題和標題鏈接取出

prop imp current inter 並且 常見問題 activity num div selenium webdriver學習---實現簡單的翻頁,將頁面內容的標題和標題鏈接取出; 該情況適合能能循環page=1~n,並且每個網頁隨著循環可以打開的情況, 註意一定

用jQuery寫的一個並封裝為插件

css clas lap borde bec option middle != rip 用jQuery寫的一個翻頁,並封裝為插件, 1 *{ 2 margin:0; 3 padding: 0; 4 list-style: no

easyui表格屬性以及分實現例子

一、表格常用配置如下:以OPC專案中的分頁為例$('#dg').datagrid({ //title:'選單列表', //標題 method : 'post', iconCls : 'icon-edit', //圖示

mui下拉載入、上拉重新整理(包括vue.js)

一、資料參考 二、實現步驟 1.HTML內容 (最好按照這個結構來佈置,當然 id的位置可以稍微根據實際需要來調整) <!--下拉重新整理容器--> <div id="pullrefresh" class="m

Django後臺自定義頁面、許可權設定

最近工作開發主要利用Django搭建公司後臺系統,在開發中遇到資料分頁(django原生翻頁),後臺自定義頁面、搜尋功能(基於日期單搜尋和日期專案名稱多選項搜尋)、資料顯示(BootstrapTable翻頁)、許可權(控制表)等問題,在開發過程中有如下積累,希望對學習Django中的你有所幫

jq實現滑鼠滾動的時候上下動畫在的時候才會執行

        以前一直想自己寫幾篇屬於自己部落格,但是由於工作原因以及一些生活的上的因素,導致一直都沒能如願,今天加班,正好事兒還沒過來,真好留了時間給我寫一篇部落格。         在上一家公司的時候,主要從事的是移動端的開發,由於基於移動端有了相對來說很成熟的翻頁框

fullpage:全屏頂部導航水平導航demo

$(function () { $('#fullpage').fullpage({ sectionsColor:['#FEDA89','#DE4F50','#904A68','#68C39F','#F05183'], anchors:[

JTree(右鍵選單可拖拽)+JTable(可列中含有按鈕隱藏列)

首先來看一下展示介面,JTree的特點有:節點可拖拽,根據輸入生成目錄,右鍵有選單,點選觸發事件等  JTable的特點有:含有隱藏列,可以進行翻頁,列中含有下載按鈕等 在來看一下程式碼吧,基本程式碼由Eclipse上的WindowBuilder進行拖拽式產生的,所以看起

vi 行首行末命令

整頁翻頁 ctrl-f ctrl-b f就是forword b就是backward 翻半頁 ctrl-d ctlr-u d=down u=up 滾一行 ctrl-e ctrl-y zz 讓游標所雜的行居螢幕中央 zt 讓游標所雜的行居螢幕最上一行 t=top zb

Cocos2d-x動畫翻開淡入淡出動畫

這是一個Coco2d-x的翻開動畫,跟翻書一樣翻成另外一張圖片: --翻開動畫 function open(Sprite,func)     local array = CCArray:create()     array:addObject(CCDelayTime:cre

萬能js實現動態生成內容自動相容各種瀏覽器(已測試)----神器版!

要求:動態輸入內容,點選post生成內容條,實現自動翻頁! 廢話不多說,直接上程式碼: js程式碼: var date=new Date(); var myDate=date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFu

Android實戰之小說閱讀器帶有水平記錄上次讀取頁碼數

package com.example.ebook; import java.io.File; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import a

TreeSet排序存儲自己定義對象自己定義比較器演示樣例

strlen 覆蓋 () num imp rgs com 哈希 ash Set:無序。不能夠反復元素。 |--HashSet:數據結構是哈希表。線程是非同步的。 保證元素唯一性的原理:推斷元素的hashCode值是否同樣。 假設同樣,還會繼續推斷

擺脫Login控件自己定義登錄操作

itl span ole move 用戶信息 tty etime control 用戶角色 protected void ImageButton1_Click(object sender, ImageClickEventArgs e) {

呼叫函式輸出乘法口訣表(正三角形和倒三角形)自己定義口訣表的行和列

正三角 #define _CRT_SECURE_NO_WARNINGS #include<stdio.h> #include <stdlib.h> void table(i

Android,xml元件屬性style的使用定義介面卡(含持有者模式)

importandroid.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;i

Django中使用JS通過DataTable實現表格前端分顯示搜尋等功能

版本: django:2.1.7 python:3.7 Django架構中自帶了後端分頁的技術,通過Paginator進行分頁,前端點選按鈕提交後臺進行頁面切換。 優缺點:後端分頁對於資料量大的場景有其優勢,但頁面切換比較慢。 後端分頁python3程式碼如下: paginator = Pag