extjsを使用してウィンドウのサイズに合わせてラベルの幅を変更

Question

私はextjs 6.0.2を使用しています。ウィンドウのサイズに合わせてラベルの幅を調整したい。どうすればそれを手伝ってください。私はこのコードを試してみましたが、使用しません。ここ

{ 
      xtype : 'label', 
      itemId: 'recordNumberShowItem', 
      style: 'color: #707070; font-family: VegurMedium,sans-serif; font-size: 12px;', 
//   text: Ext.String.format(me.displayRecordNumberMsg, 0, 0, 0, me.recordName), 
      scope: me, 
      listeners : { 
       show : function (label , eOpts){ 
//     width: (window.outerWidth < 1350) ? 70 : 140, 
          if(window.outerWidth < 1350){ 
           label.setWidth(70); 
          } 
          else{ 
           label.setWidth(null); 
          } 
       } 
      } 
     } 

Answer 1

Ext.create({ 
      xtype:'window', 
      width:200, 
      height:200, 
      resizable:true, 
      items:[ 
       { 
        xtype:'label', 
        width:'100%', 
        style:' word-wrap: break-word;', 
        text:'dawbnduiawbndawbduibdwuiabduiw' 
       }] 
     }).show(); 

あなたのためのフィドルです：https://fiddle.sencha.com/#view/editor&fiddle/1lv3