ExtJSの使い方で、ちょっと徘徊してましたらmojalogのエントリを参照していただいた方がおりましたので、ちょっとその回答を横から入らせていただこうかと思います。内容はコチラで、girdのヘッダの隠し方と、gridのボーダーの消し方を質問されていました。ワタシはそのサービスのアカウントを持っておりませんので回答も何も出来なかったのでちょっとこちらから。
var grid = new Ext.grid.EditorGridPanel({
store:store,
hideHeaders:true, //<- gridのヘッダを隠します。
colModel:clmnModel,
renderTo:'renderTarget',
title:'simple-editorgrid',
stripeRows:false,
height:200,
width:320,
frame:true,
clicksToEdit:1
});
// cssセレクタでx-grid3-rowを検出して、メソッドに渡します。
rmvGridBorder( Ext.query("*[class=x-grid3-row]") );
function rmvGridBorder( els ){
for( var x = 0 ; x < els.length; x++ ){
var el = Ext.get( els[ x ] );
if( el ) {
if( el.hasClass( "x-grid3-row" ) ){
el.dom.style.border='0px';
}
}
}
};
本筋の使い方ではないかと思いますが、CSSにアクセスしてエレメントからdomのスタイルを直接いじっています。ちなみにEditorGridはレコードがコミットされるとスタイルも初期化されるようですので注意する必要があります。反射的に書いたエントリですのでそのうちDOM/CSSセレクタあたりをまとめてみたいと思います。
[ 最近のエントリーとその関連エントリー ]
[ スポンサードリンク ]
| パーマリンク
