SOURCE CODE: Multiple Sliders From a Template

  
  
  
  
  
  
  







  
  UIZE JavaScript Framework



  

    JAVASCRIPT EXAMPLES
    Multiple Sliders From a Template
    

      
SOURCE
    
  

  

  

    
In this example, multiple instances of Uize.Widget.Bar.Slider are being wired up. Each slider instance has wildly different settings for minValue, maxValue, and increments. Interact with them and you'll see that they all select values very differently. However, all the sliders share the same look. The markup for all the sliders is not in the page, but is inserted dynamically when the slider widgets are wired up, and is based on a template string that is set on the static html state property of the Uize.Widget.Bar.Slider class.