数据表:jQuery UI选项卡:使选项卡与用户一起活跃

Question

我使用的是DATA-TABLES: Jquery UI Tab:

尝试如下:

jsfiddle.net/tNRwZ/18/

一切正常

短:

$(document).ready(function() {
    $("#tabs").tabs( {
        "activate": function(event, ui) {
            var table = $.fn.dataTable.fnTables(true);
            if ( table.length > 0 ) {
                $(table).dataTable().fnAdjustColumnSizing();
            }
        }
    } );
    $('table.display').dataTable( {
        "sScrollY": "200px",
        "bScrollCollapse": true,
        "bPaginate": true,
        "bJQueryUI": false,
    } );
} );

但是我希望我的第二个选项卡(sha-2)应该首先激活。——请检查以上jsfiddle演示链接

我也可以使活跃的选项卡与用户明智，这意味着如果我有3个选项卡，然后resp。TAB应该仅在响应时才激活。用户(正在登录系统的用户)…否则其他选项卡应该禁用或不活动或不能点击以回复。用户

Answer 1

选择活动选项卡:

$("#tabs").tabs({ active: 1 })

Answer 2

DEMO

你可以这样做:

$(document).ready(function() {
    $("#tabs").tabs( {
        active: 1,//Tab no.2 "Sha-2" by default active on page load,
        disabled: [ 0, 2 ],//disable tab no. 1 and 3
        "activate": function(event, ui) {
            var table = $.fn.dataTable.fnTables(true);
            if ( table.length > 0 ) {
                $(table).dataTable().fnAdjustColumnSizing();
            }
        }
    } );
    $('table.display').dataTable( {
        "sScrollY": "200px",
        "bScrollCollapse": true,
        "bPaginate": true,
        "bJQueryUI": false,
    } );
} );

============ 使用PHP代码,你将不得不做一些类似:

$("#tabs").tabs( {
<?php
if($_SESSION['current_user']->access == "SUPPORT"){
?>
            active: 1,//Tab no.2 "Sha-2" by default active on page load,
            disabled: [0],//disable tab no. 1
<?php
}
if($_SESSION['current_user']->access == "DESIGNER")
{ 
?>
            active: 0,//Tab no.2 "Sha-1" by default active on page load,
            disabled: [1],//disable tab no. 2
<?php
}
?>
        "activate": function(event, ui) {
            var table = $.fn.dataTable.fnTables(true);
            if ( table.length > 0 ) {
                $(table).dataTable().fnAdjustColumnSizing();
            }
        }
    } );