EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Coder on October 22, 2020, 06:32:52 PM



Title: dynamic menu in searchbox ?
Post by: Coder on October 22, 2020, 06:32:52 PM
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 ?


Title: Re: dynamic menu in searchbox ?
Post by: jarry on October 25, 2020, 08:35:45 PM
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
})