the SelectMenu data source have 3 types: regular menu type，advanced menu type（single group and multiple group）

Regular menu data format

//regular menu data item format
/**
 * content  [string]   : Menu item display content, support html format（Set the content to "sm_divider" to generate a divider bar）
 * header   [boolean]  : whether menu header item
 * url      [string]   : visit page url
 * callback [function] : The callback function when menu item selected
 * disabled [boolean]  : whether disabled current menu item
 */
var menuData = [
    {content:'News Site',header: true},//menu header item
    {content:'163 NetEase',url : 'http://www.163.com'},//Link type menu item
    {content:'sm_divider'},//the menu divider
    //Use HTML format to display menu item content, and set menu item disabled
    {content:' Facebook',url : 'https://www.facebook.com',disabled : true},
    //Click the menu item to perform the callback
    {content:'Click this menu item to trigger your callback',callback : function(){
        bDialog.alert('you can do anything in callback!');
    }}
];
                                    

Advanced menu data format (single group)

//Advanced menu data example (non-group)
//The data format different with regular, the menu item data format can be custom completely
//you can used 'keyField'、'showField' and 'searchField' parameters to bind
var selectMenuData = [
    {id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛',abbr:'CHI'},
    {id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士',abbr:'CLE'},
    {id:3 ,name:'Detroit Pistons',desc:'底特律活塞',abbr:'DET'},
    {id:4 ,name:'Indiana Pacers',desc:'印第安纳步行者',abbr:'IND'},
    {id:5 ,name:'Milwaukee Bucks',desc:'密尔沃基雄鹿',abbr:'MIL'}
];
                                    

Advanced menu data format (multiple group)

//multiple group type data source format
//Requirement The data structure must be set in the following format
//but 'list' node data format, like the non-grouped data format
var selectMenuGroupData = [{
    title : 'East',
    list :[
        {id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛',abbr:'CHI'},
        {id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士',abbr:'CLE'}
    ]
},{
    title : 'West',
    list : [
        {id:16,name:'Denver Nuggets',desc:'丹佛掘金',abbr:'DEN'},
        {id:17,name:'Minnesota Timberwolves',desc:'明尼苏达森林狼',abbr:'MIN'}
    ]}
];
                                    

when data set to function, the data source can be dynamic acquisition

set the data field to show menu item display content

set to get the key value from data field

available option

code	language
cn	Chinese
en	English
de	German
es	Spanish
pt-br	Brazilian Portuguese
ja	Japanese

set search results in data field, if non-set then using 'showField' appoint data field

setting SelectMenu selection mode, default is single selection mode

setting menu is show quick search bar or not (autocomplete)

only work on advanced menu mode

setting title bar display content, if set to false, will close the title bar

set menu mode to regular mode, in this mode, menu item just can link jump or execute callback function

Set menu open mode in the specified area, click the right mouse button to call menu, the default open mode for the button or link and other objects click after the trigger

setting menu show arrow, and point to caller

not working on embedded menu mode embed: true and mouse right click mode rightClick: true

Set menu align the caller direction

• 'left'（default）
• 'center'
• 'right'

whether embedded menu in to page

Set selected menu item when menu init complete, which matches the option.keyField field, and if it matches, it is automatically selected and highlighted

the setting only work on advanced menu mode (regular: false)

The height of the menu is based on how many items are displayed

set whether select the menu item and close menu, only work on advanced menu mode and 'multiple' set to true

param1：data，menu item data (single item) return：string (support html type)

andOr : 'OR'

setting that using multiple keywords into the query, the menu's processing logic

the multiple keywords use space to Separate

orderBy : ['id desc','name']

If only columns are specified and no sorting is specified, the default Ascending order is used

the multiple keywords use space to Separate

parameter

data：the menu items data (json) for selected menu item

example

eSelect : function(data){ $('xxx').val(data.name + data.sex); }

parameters：

index: group index，start from 0

tab: group data，not included 'list' data

eTabSwitch : function(index, tab){ do something... }

parameters：data - selected items data

eHidden : function(data){ $('xxx').val(data.name + data.sex); }

$('#someone').selectMenuHide();

$('#someone').selectMenuClear();

var data = $('#someone').selectMenuValues();//[Object,Object,...]