Wijmo UI for the Web
wijlist jQuery Widget
Allow users to select one or more items from a customizable list.
Syntax
Javascript (Usage) 
$(function () {
    var options; // Type:  wijmo.list.wijlist.options
     
    $(".selector").wijlist(options);
});
Javascript (Specification) 
function wijlist() : any;
Browser Compatibility
7
5
5
Options
 NameDescription
public OptionaddHoverItemClass

Default value: true

The addHoverItemClass option determines whether the "ui-state-hover" class is applied to a list item on mouse over.

 
public OptionautoSize

Default value: false

The autoSize determines whether or not the wijlist will be automatically sized.

 
public OptiondataSource

Default value: null

This option is the wijdataview to which the wijlist is bound.

 
public Optiondisabled

Default value: false

A value indicates whether wijlist is disabled.

 
public OptionkeepHightlightOnMouseLeave

Default value: false

A value determines the highlight state when the mouse leaves an item.

 
public OptionlistItems

Default value: []

An array that specifies the listItem collections of wijlist.

 
public OptionmaxItemsCount

Default value: 5

A value specifies the maximum number of items that will be displayed if the autoSize option is also set to true.

 
public OptionselectionMode

Default value: 'single'

A value indicates the list items can be single-selected or multi-selected

 
public OptionsuperPanelOptions

Default value: null

The superPanelOptions option indicates the customized options of wijsuperpanel when the wijsuperpanel is created.

 
Top
Methods
 NameDescription
public MethodactivateThe activate method activates an item in the wijlist and allows the list to scroll to the item.  
public MethodaddItemThe addItem method adds the specified item to the list by index.  
public MethodadjustOptions  
public MethoddeactivateThe deactivate method deactivates the activated item in the wijlist widget.  
public MethoddestroyRemove the functionality completely. This will return the element back to its pre-init state.  
public MethodfindIndexByLabelAllows the user to find the index of first matched list item by item's label.  
public MethodfirstThe first method tests whether the focus is at the first list item.  
public MethodgetItemsThe getItems method allows the user to find list items by index or by value.  
public MethodgetListThe method gets the jQuery object reference of the <ul> element of the wijlist widget.  
public MethodindexOfThe indexOf method returns the index of the specified list item.  
public MethodlastThe last method tests whether the last list item has focus.  
public MethodnextThe next method moves focus to the next list item.  
public MethodnextPageThe nextPage method turns to the next page of the list.  
public MethodpopItemThe popItem method removes the last item from the wijlist widget.  
public MethodpreviousThe previous method moves focus to the previous list item.  
public MethodpreviousPageThe previous method moves focus to the previous list item.  
public MethodrefreshSuperPanelThe refreshSuperPanel method refreshes the SuperPanel around the wijlist to reflect a change in the wijlist content.  
public MethodremoveAllThe removeAll method removes all items from the wijlist.  
public MethodremoveItemThe removeItem method removes the specified item from the wijlist.  
public MethodremoveItemAtThe removeItemAt method removes the specified list item by index from the wijlist widget.  
public MethodrenderListThe renderList method renders the wijlist widget on the client browser when list items change.  
public MethodselectItemsSelects item(s) in the list by item index/indices or value(s).  
public MethodsetItemsThe method sets the items for the wijlist to render.  
public MethodunselectItemsThe unselectItems method clears selections from the indicated list items.  
public MethodwidgetReturns a jQuery object containing the original element or other relevant generated element.  
Top
Events
 NameDescription
public EventaddedThe added event is fired after adding item in addItem method.  
public EventblurThe blur event is fired when the mouse leaves the item.  
public EventfocusThe focus event is fired when the mouse enters the list item and after the hover event logic is processed.  
public EventfocusingThe focusing event is fired when the mouse enters the list item and before the hover event logic is processed.  
public EventitemRenderedThe itemRendered event is fired after a list item is rendered.  
public EventitemRenderingThe itemRendering event is fired before a list item is rendered.  
public EventlistRenderedThe listRendered event is fired after the list is rendered.  
public EventselectedSelect event handler of wijlist. A function will be called when any item in the list is selected.  
Top

See Also

Widgets

List

Reference

wijlist jQuery Widget

 

 


© 2013 All Rights Reserved.

Send comments on this topic.