7

フレキシグリッドの列幅をパーセンテージで適用する方法が見つかりませんでした。
次のように絶対長を指定しました。

colModel : [
    {display:'ISO', width:50},
    {display:'Name', width:300},
    {display:'Printable Name', width:200},
    {display:'ISO3', width:200},
    {display:'Number Code', width:100},
],

何が起こっているのかというと、最後の列のサイズを変更すると、その右側に空白ができます。スクリーンショットを参照してください。

ここに画像の説明を入力

最後の列に残りのスペースを占有させ、残りの列を絶対にする方法はありますか。この機能はアプリの Flex に実装されていますが、それがどのように行われているかを知る方法はありません。

4

1 に答える 1

8

Hiyaデモ http://jsfiddle.net/GNqZn/1/show および http://jsfiddle.net/GNqZn/1/

おそらく、上記のデモでこの特定のケースのために書いた次のようなカスタム関数を書く必要があります。

私のテーブルビューの上のデモでは700 width and 4 columns before number code hence 700/4

ここを読む: http://groups.google.com/group/flexigrid/browse_thread/thread/3da4473a5f467cea

これが正しい方向に役立つことを願っており、デモはあなたが遊んでみるのに役立ちます. 乾杯！

これは特効薬ではありませんが、特定のニーズに合わせて微調整することで作成できます。:)

6 月 5 日更新OP に簡単なデモを提供するには: http://jsfiddle.net/2TkyR/22/ または http://jsfiddle.net/gaNZR/11 または http://jsfiddle.net/gaNZR/11/show/

プラグインについてもう少し読んで、少し遊んでみると、より自信が持てるようになることが重要です。

以下の添付画像をご覧ください。必要に応じて、このカスタマイズ機能を追加するだけです。

これを読んでください: http://flexigrid.info/といくつかの良いチュートリアル & これ: http://www.kenthouse.com/blog/2009/07/fun-with-flexigrids/

Jクエリコード

function GetColumnSize(percent){ 
    screen_res = (700/4)*0.95; // 700 is the width of table;
    col = parseInt((percent*(screen_res/100))); 
    if (percent != 100){ 
       // alert('foo= ' + col-18);
        return col-18; 
    }else{ 
       // alert(col);
        return col; 
    } 
}

このように呼びます width : GetColumnSize(100),

   $("#flex1").flexigrid({
        url: 'post2.php',
        dataType: 'json',
        colModel : [
            {display: 'ISO', name : 'iso', width : 40, sortable : true, align: 'center'},
            {display: 'Name', name : 'name', width : 180, sortable : true, align: 'left'},
            {display: 'Printable Name', name : 'printable_name', width : 120, sortable : true, align: 'left'},
            {display: 'ISO3', name : 'iso3', width : 130, sortable : true, align: 'left', hide: true},
            {display: 'Number Code', name : 'numcode', width : GetColumnSize(100), sortable : true, align: 'right'}
            ],

2 下の画像

画像1 ここに画像の説明を入力

画像2 ここに画像の説明を入力

于 2012-05-16T09:24:05.563 に答える