Etiketleri ExtJS Slider denetiminin her iki ucuna nasıl ekleyebilirim?

Question

ExtJS 3.3 kullanıyorum ancak bu diğer sürümlerle de alakalı olabilir.

ExtJS tabanlı bir UI'de bir Slider denetimi kullanıyorum. Burada "Slider İpucu" Örneğin uyarınca, sürüklerken değeri göstermek için ayarlanmış bir araç ipucu vardır: http://dev.sencha.com/deploy/ext-3.3.1/examples/slider/slider.html

O ne bir belirti olmaksızın bir kaydırıcı var oldukça zayıf UX'i olmak bana öyle geliyor değerler (veya bu durumda kaymaya başlayana kadar değil). Kaydırıcının temsil ettiği aralığı göstermek için iki ucuna da etiket eklemek istiyorum. Böyle bir şey:

Yani, tabii ki, merak ediyorum: bu standart kontrol kendisi ile mümkün mü? (Dokümanlara baktım ama hiçbir şey atlamamıştı)? veya bunun için düzgün bir yol var mı? İşte

Answer 1

bunu yapmak için yaklaşık gitti geçerli:

var tip = new Ext.slider.Tip({ 
     getThumbText: this.getThumbText, 
     getText: function (thumb) { 
      return '<b>' + this.getThumbText(thumb.value) + '<b>'; 
     } 
    }); 

this.timeSliderLabel = new Ext.form.Label({ 
     text: Nipendo.Localization.HistorySlider + ': ', 
     style: 'margin:3px 5px 0px 5px;' 
    }); 

this.timeSlider = new Ext.Slider({ 
     width: 214, 
     value: 1, 
     increment: 1, 
     minValue: 1, 
     maxValue: 13, 
     plugins: tip 
    }); 

    this.timeSlider.on('change', function (slider, newValue, thumb) { 
     this.timeSliderHintLabel.setText(this.getThumbText(thumb.value), false); 
     this.onSearchClick(); 
    }, this); 

    this.timeSliderHintLabel = new Ext.form.Label({ 
     html: String.format('(1 {0})', Nipendo.Localization.OneMonthBack), 
     style: 'margin:3px 5px 0px 5px;' 
    }); 

GÜNCELLEME:

düzen böyle kullanılabilir: getThumbText kullandığım bir yardımcı yöntemdir

config = config.apply({ 
    layout: 'column', 
    defaults: { 
     layout: 'form' 
    }, 
    items: [ 
     this.timeSliderLabel, 
      this.timeSlider, 
      this.timeSliderHintLabel 
    ] 
}, config) 

Doğru etiket değerini almak için