1

そのため、extjs ツリーグリッド内の境界線をフォーマットするのは基本的なことだと思いましたが、何時間も試してみても解決策を見つけることができませんでした。私が抱えている問題は、境界線の外観と幅が列と行の両方で一貫していないことです (スクリーンショットを添付しようとしましたが、サイトに新しく追加できませんでした)。列の作成で境界線を直接定義しようとしました:

columns:[{header: 'H6',dataIndex: 'hour6',width: 210, border: 1}]

セルの背景色を設定しているXTemplateと同様に（これが機能するとは思わなかったが、試してみると思った）：

columns: [{header: 'H6',dataIndex: 'hour6',width: 210,              
    tpl: new Ext.XTemplate('{duration1:this.doFormat}', {
        doFormat: fn(v){
            if (v == 1) {return '<span style="background-color: red; width: 100%; border: 1">' + v + '</span>';}
        else {return '<span style="background-color:' + currentcolor + '; width: 100%; border: 1">' + v + '</span>';}
        }
    })
}]

この問題を解決するためにツリーグリッドの境界線をフォーマットする方法を知っている人はいますか?

ありがとう。

4

1 に答える 1

1

列定義の cls config オプションを使用して css クラスを使用するか、列要素で直接 css スタイルを操作することをお勧めします。グリッド行間の境界線は .x-treegrid-col クラスで設定されます。

// set the border on all rows to red
.x-treegrid-col {
    border-bottom: 1px solid red;
}

あなたが何を達成しようとしているのか完全にはわかりません.

于 2011-03-15T07:40:10.400 に答える