dynamic menu in searchbox ?

[Coder]

combo wrong

Code:

  <input id="sb" class="easyui-searchbox" style="width:300px"
    data-options="searcher:doSearch
                , prompt:'Search'
                , menu: '#cb'
                "
  >
  <input id="cb" class="easyui-combobox"
    data-options="valueField:'MID'
                , textField:'Name'
                , url: apiPath
                "
  >

datalist wrong

Code:

 
  <input id="sb" class="easyui-searchbox" style="width:300px"
    data-options="searcher:doSearch
                , prompt:'Search'
                , menu: '#cld'
                "
  >
 <div id="cld" class="easyui-datalist"
    data-options="valueField:'MID'
                , textField:'Name'
                , checkbox: false
                , lines: true
                , url:apiPath
                "
  >
  </div>

OR

how to create menu for searchbox based on remote server data ?

[jarry]

Please try this code.

Code:

var mm = $('<div></div>').menu();
mm.menu('appendItem', {
	text: 'All News',
	name: 'all'
})
mm.menu('appendItem', {
	text: 'Sports News',
	name: 'sports'
})
$("#sb").searchbox({
	menu: mm
})