Hybrid View

  1. #1
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    29
    Vote Rating
    0
    masayuki_yamaoka is on a distinguished road

      0  

    Default Labelのcls設定でクラス名の先頭に半角スペースが入る

    Labelのcls設定でクラス名の先頭に半角スペースが入る


    グリッドのツールバー上にラベルを表示したく、以下のように

    var grid = new Ext.grid.GridPanel({
     ....
    tbar:[
    { xtype: 'label',text:'データ,cls:'xxxx'}

    といった形でclsを指定しています。
    生成されたHTMLを見てみると、
    <label id="ext-comp-1022" class=" xxxx">データ</label>
    といったように、”xxxx"の前に、1文字分半角スペースが入ってしまいます。

    これが原因かどうかわかりませんが、スタイルシートで、

    .xxxx{
    font-size: 20px;
    }

    としても、反映されません。

    何か情報がありましたら、ご教示いただければと思います。
    よろしくお願いします。


  2. #2
    Sencha - Support Team yuki's Avatar
    Join Date
    Jun 2007
    Location
    Chigasaki, Japan
    Posts
    273
    Vote Rating
    0
    yuki is on a distinguished road

      0  

    Default


    Quote Originally Posted by masayuki_yamaoka View Post
    生成されたHTMLを見てみると、
    <label id="ext-comp-1022" class=" xxxx">データ</label>
    といったように、”xxxx"の前に、1文字分半角スペースが入ってしまいます。
    スペースが入るのは特に問題ありません(cssクラスをDOM要素に追加するExt.Element.addClassメソッドの仕様です)。

    Quote Originally Posted by masayuki_yamaoka View Post
    これが原因かどうかわかりませんが、スタイルシートで、

    .xxxx{
    font-size: 20px;
    }

    としても、反映されません。
    スタイル指定が反映されない原因は多分、上記で指定している .xxxx の優先順位が他で指定されているスタイル指定より低いためだと思われます(優先順位についての解説はネット上にいろいろありますので、この辺をご覧ください)。

    Firebugで該当するDOM要素を選択して、スタイルを見れば、どの設定が有効になっているか分かるので、それより優先順位が高くなるようにしてみてください。
    Ext Japan, LLC [Twitter: @extjapan]
    [Ext JS / Ext GWTのライセンス販売][日本語テクニカルサポート][Ext JSトレーニング・コンサルティング]

  3. #3
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    29
    Vote Rating
    0
    masayuki_yamaoka is on a distinguished road

      0  

    Default


    ありがとうございます。

    目的の表示ができるようになりました。

Thread Participants: 1