0

誰かが助けてくれることを願っています。

JQWidgets Grid (JqxGrid) を JQueryUI タブ ウィジェットにロードする際に少し問題があります。グリッド幅をパーセンテージ値に設定すると、ピクセル値に変更されるようです。たとえば、100% の幅は 100px に変換されます。以前のバージョンの JqxGrid と JqxTab コンポーネントにも同様の問題があり、解決されたことがわかりましたが、残念ながら、現時点でタブ ウィジェットを変更する立場にはありません。誰かがこの問題を回避する方法を知っている場合は、あなたの助けに感謝します.

ありがとう

これが私のコードです：

$("#studentgrid").jqxGrid({
        width: '100%',
        source: studentAdapter, 
        theme: theme,     
        filterable: true,
        sortable: true,
        pageable: true,
        autoheight: true,
        altrows: true,
        enabletooltips: true,
        autoshowfiltericon: true,
        groupable: true,
        columns: [
            {text: 'Programme / Unit', datafield: 'student_unit', width: '30%'},
            {text: "Involvement Type", datafield: 'student_type', width: '30%' },                
            {text: 'Student Count', datafield: 'student_count', width: '20%' },
            {text: 'Student Level', datafield: 'student_level', width: '20%' }
        ]
    });
4

2 に答える 2

0

うーん...苦労して一日を過ごした後、私はそれを解決しました。パーセンテージ値をピクセル値に変換しているため、JqxGrid の不具合だと思います。85% は 85px になり、100% は 100px になります。（繰り返しますが、私も何か間違ったことをしている可能性があります）。とにかく、グリッドを初期化する前にコンテンツ タブを非表示にすると、パーセンテージ値がピクセル値に変換されることがわかりました。たとえば、グリッドの初期化の上に次のコードがありました

$("#tabContainer").tabs();  
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content
    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); 
        $(activeTab).fadeIn(); //Fade in the active ID content                     
        return false;
    });

グリッドは奇妙な動作をしましたが、グリッドの初期化の下に移動するとすぐに、すべてが再び期待どおりに機能しました。

于 2013-08-14T17:54:32.080 に答える
0

jqxGrid はパーセンテージをピクセルに変換しないか、少なくとも最新バージョンでは変換しません - http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/autosize.htm

于 2013-08-15T05:01:22.023 に答える