SOURCE CODE: Domain List Editor

  
  
  
  
  
  
  
  







  
  UIZE JavaScript Framework



  

    JAVASCRIPT EXAMPLES
    Domain List Editor
    

      
SOURCE
    
  

  

  

    
In this example, an instance of the Uize.Widget.ListEditor class is being used to create an interface that lets the user build up a list of domain names. This could be for something like a domain whitelist, or a domain based, blacklist style content filter. Domains can be entered in the text input and then added by either pressing the enter key or clicking the "ADD" button. Domains can be removed by selecting them in the multi-select box and then pressing the delete key or clicking the "REMOVE SELECT" button. Below the widget is a demonstration of some of the widget's programmatic interface, with an up-to-date display of the value of the widget's list state property, and some links for setting the value of this property.
  

  

  

    

      
Add a Domain:
      

        
        ADD
        
example: www.mydomain.com
      
      

        
Your Domains:
        

          
          

          REMOVE SELECTED
        
      
    
  
  


  

  

    

      
Current State
        

          
listEditor.get ('list') ==  
        
      
      
Set Value
        

          
listEditor.set ({list:['uize.com']})
          
listEditor.set ({list:['uize.com','uize.blogspot.com','zazzle.com/uize_merch']})
          
listEditor.set ({list:['cnn.com','reuters.com','nytimes.com','news.bbc.co.uk','bloomberg.com','msnbc.com']})