dataTables.js 使用-----初始化参数2

1.bDestroy

      匹配选择的数据表,并替换新的初始化属性设置,如果没有找到数据表,则按正常创建新的数据表。

      $('#example').dataTable( {

          "sScrollY": "200px",

          "bPaginate": false 

        } );

      // Some time later.... 

      $('#example').dataTable( {

          "bFilter": false,

          "bDestroy": true (默认false)

        } ); 

       

      注:第一次初始化,设置垂直滚动条,禁用分页功能。第二次初始化,使用"bDestroy": true 参数设置,替换了先有的初始化(滚动条,分页),同时禁用了筛选功能(默认是提供筛选的)。

2. bRetrieve

      用于检索数据表的对象,如果表已经被初始化,则只返回数据表对象,不会使用传入参数初始化数据表。

      $(document).ready( function() {  

          init();//第一次初始化

          initTable ();//第二次初始化,无效,只返回对象

         } ); 

      function init(){   

        $('#example').dataTable( {  

            "bFilter": false,

             "bPaginate": true,

        } ); 

      }

      function initTable () {  

        return $('#example').dataTable( {   

          "bFilter": false,

          "sScrollY": "200px",   

          "bPaginate": false,

           "bFilter": false,

          "bRetrieve": true  // 默认false

        } );

      } 

      function tableActions () { 

        var oTable = initTable();  

        // perform API operations with oTable

      }  

      

3. bScrollAutoCss

      设置滚动所需的样式。

      "bScrollAutoCss": false, (默认true)

       "sScrollY": "200px" 

      

4. bScrollCollapse

      为true时,设置表格的视区高度在任何时间都为给定的高度。

      $('#example').dataTable( {

          "sScrollY": "200",

          "bScrollCollapse": true(默认false)

        } ); 

      

      "bScrollCollapse": false   

        

5. iCookieDuration

      存储cookie的时间

      "iCookieDuration": 60*60*24;(默认 7200,2 hours)

6. iDisplayLength

      用于设置分页时单个页面里显示的行数。

       "iDisplayLength": 50 (默认10)

      

7. iDisplayStart

      当表格启用分页功能时,设置数据显示的起始点。参数不是页码,而是记录的序号(第几条记录)。

      "iDisplayStart": 20 (默认0) 

      

8. oSearch

      定义搜索关键字。

       $('#example').dataTable( {

          "oSearch": {"sSearch": "KH C"}

        } );

 

       

9. sDom

      改变页面上元素的位置,同时可以添加div元素。

      默认:lfrtip (when bJQueryUI is false) or

       <"H"lfr>t<"F"ip> (when bJQueryUI is true)

      ‘l’: 每页显示量

      ‘f’: 过滤输入框

      ‘t’: 表格

      ‘i’: 当前页面的行显示信息

      ‘p’: 分页

      ‘r’: pRocessing ,进度条。

      ‘<  >’ : div元素

      ‘<  ”class ” >’: div元素,同时定义一个类

      ‘<  “#id”  >’: div元素,同时定义一个id

      $(document).ready( function() {

        $('#example').dataTable( {

          "sDom": '<"top"i>lpt<"bottom"f><"clear">'

        } );

      } );

 

       

      注: "sDom": '<"top"i>lpt<"bottom"f><"clear">'

      可解析为:

      <div class=”top”>i</div>

      lpt

      <div class=”bottom”>f</div>

      <div class=”clear”></div>

10.  sPaginationType

      分页控件的显示类型。

      包括 两个按钮和 所有页序号 (two button  or fullnumbers)

      "sPaginationType": "full_numbers"(默认 two_button)

 

      

11.  sScrollXInner

      强制dataTable的宽度 比需要的更长,使表格变大,强制滚动。前提是 横向滚动可用。

       $('#example').dataTable( {

          "sScrollX": "100%",

          "sScrollXInner": "150%" (默认空字符串)

        } ); 

      

      注:表格被放大,表格视区只足够显示3列。

posted @ 2012-11-07 12:21  碎念的风  阅读(1721)  评论(0编辑  收藏  举报