Combobox in jQuery + easyui implements drop-down box Effects
This article mainly introduces several methods for implementing the special effects of the drop-down box in combobox in jQuery + easyui. It is very simple and practical. For more information, see
1. The first method is shown in the Input box:
The Code is as follows:
<Input id = "cc" class = "easyui-combobox" name = "name" data-options = "valueField: 'value', textField: 'text', data: [{'value': '1', 'text': 'java'}, {'value': '2', 'text ': 'C # '}] "/>
2. The second usage is displayed in the list:
The Code is as follows:
<Th data-options = "field: 'lb', editor: {type: 'combobox', options: {data: [{'value': '1 ', 'text': 'java'}, {'value': '2', 'text': 'C # '}], valueField: 'value', textField: 'text' }}"> Category </th>
3. Another method of writing the second statement:
The Code is as follows:
<Th field = "level" editor = "{
Type: 'combobox ',
Options :{
Data :[
{'Value': '1', 'text': 'java '},
{'Value': '2', 'text': 'C #'}
],
ValueField: 'id ',
TextField: 'text'} ">
Category </th>
All of the above three methods can implement the special drop-down box effects of jQuery. easyui. You are free to choose from.