1.首先在easyui文件
/easyui/themes/icon.css
1.1、在icon.css里面自定义图标样式
例如：
.
icon-black{
background:url('../../../../resources/images/vehicle/black.jpg') no-repeat center center;
}
2.在jsp文件中定义easyui-combobox
例如：
<input id="vechicleColour" name="vehicleColour"
class="easyui-combobox" style="width:100%;" data-options="
showItemIcon: true,
data: [
{value:'黑色',text:'黑色',iconCls:'icon-black',selected:true}
],
editable: false,
panelHeight: 'auto',
labelPosition: 'top'
">
在date
:里面iconCls后面引入类icon-black即可
此处我只定义一个css样式，定义多个原理一样，data里面使用‘,’分隔即可
在工作中遇到的问题，解决之后，分享给大家
刚开始学着写分享，不好的地方，希望老铁们指出，大家一起进步，谢谢
easyui 英文官网地址：
http://www.jeasyui.com/demo/main/index.php?plugin=ComboBox&theme=default&dir=ltr&pitem=&sort=
- 大小: 84 KB
- 大小: 11.9 KB
分享到：
相关推荐
本文介绍在使用jQuery EasyUI框架开发Web界面时，如何为Combo和Combobox组件添加清除值的功能。在很多Web应用中，提供一个清除输入的功能是十分必要的，可以提高用户的交互体验。jQuery EasyUI提供了一套丰富的UI...
11. **easyui-combobox (组合下拉框)**：`easyui-combobox` 是一个带下拉列表的输入框，可以用来选择预定义的选项，同时允许用户输入自定义值。 12. **easyui-combotree (组合树形框)**：`easyui-combotree` 结合了...
`easyui-combobox` 是一个组合输入框和下拉列表的组件，用户可以在输入框中输入文本，也可以从下拉列表中选择一个值。 12. **easyui-combotree (组合树形框)** `easyui-combotree` 将下拉列表扩展为树形结构，...
EasyUI 的核心在于它的组件系统，这些组件包括但不限于：对话框（dialog）、表格（datagrid）、表单（form）、菜单（menu）、工具栏（toolbar）、树形控件（tree）、下拉树（combotree）、下拉列表（combobox）等。...
easyui-combobox：组合下拉框** 组合框（ComboBox）结合了输入框和下拉列表，用户可以输入文字搜索，也可以从列表中选择。`$("#element").combobox`方法用于创建和操作组合框。 **12. easyui-combotree：组合树形...
- **按钮（Button）**：提供普通按钮、链接按钮、分割按钮等，可添加图标和事件处理函数。 - **面板（Panel）**：用于组织和展示内容，可以有标题、工具栏、折叠功能。 - **其他组件**：包括布局(Layout)、树形...
7. **下拉列表（ComboBox）**：结合了输入框和下拉列表，方便用户选择或输入数据。 8. **按钮（Button）**：包括普通按钮、链接按钮、提交按钮等，支持图标和事件绑定。 9. **工具栏（Toolbar）**：用于放置操作...
在EasyUI中，你可以通过设置组件的`iconCls`属性来使用这些图标，将类名添加到元素上，框架会自动应用相应的CSS样式，显示对应的图标。 资源包中的图标可能包含多种格式，如SVG、PNG或者字体图标（Font Icons）。...
- `iconCls`: 图标类名。 - `width`: 宽度，可自定义。 - `height`: 高度，可自定义。 - `left`: 左侧位置。 - `top`: 上方位置。 - `border`: 是否显示边框，默认显示。 - `doSize`: 是否允许调整大小，默认...
8. **下拉树（ComboBox/ComboboxTree）**: ComboBox 是一个组合框，结合了输入框和下拉列表，ComboboxTree 则是在下拉列表中显示树形结构，常用于选择分类或者层级结构的选项。 9. **事件处理**: EasyUI 的组件支持...
<input class="easyui-combobox" id="combo" name="combo" data-options="valueField:'id',textField:'name',panelHeight:'auto'" style="width:120px"> $('#combo').combobox({ url: 'data.json', ...
<title>jQuery EasyUI ComboBox <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <script type="text/javascript" src="../jquery-1.4.2.min.js"> ...
在这个例子中，Accordion通过添加`class="easyui-accordion"`并设置相关的样式属性来实现，不需要额外的JavaScript代码。 #### DateBox（日期框） **DateBox** 组件提供了一个方便的日期选择器，通常用于输入或...
$('.easyui-combobox').combobox({ data: [{ id: '1', name: 'Option 1' }, { id: '2', name: 'Option 2' }] }); }); ``` **3.4 JavaScript 配置** ComboBox 的配置包括但不限于： - `valueField`: 用于...
<input class="easyui-combobox" id="cb1" name="cb1" data-options="url:'loaddata.json', valueField:'id', textField:'name'" /> ``` 该示例展示了如何初始化一个 ComboBox，并通过 URL 加载数据源。 ##### ...
EasyUI 提供了诸如对话框（Dialog）、表格（Grid）、表单（Form）、菜单（Menu）、树形结构（Tree）、下拉选择器（ComboBox）、按钮（Button）等多种组件。这些组件可以方便地与后端数据进行交互，实现数据的展示、...
EasyUI包含了一系列的组件，如对话框（dialog）、表格（datagrid）、下拉菜单（combobox）、树形控件（tree）、按钮（button）等，这些组件可以满足网页设计中的各种需求。每个组件都有详细的配置选项和API，可以...
<input id="combo" class="easyui-combobox" data-options="valueField:'id',textField:'name',data:[{id:'1',name:'Jack'},{id:'2',name:'Rose'}]" /> ``` ##### 3.2 参数 - **valueField**：选项的值字段。 - **...
2. **EasyUI**: `jquery.easyui.min.js` 是EasyUI的核心JavaScript文件，它封装了一系列的jQuery插件，如对话框（dialog）、表格（datagrid）、下拉菜单（combobox）、树形控件（tree）等，帮助开发者快速创建各种...
1. **组件丰富**：jQuery EasyUI 提供了诸如窗口（window）、面板（panel）、表格（datagrid）、树形视图（tree）、下拉树（combotree）、下拉列表（combobox）、菜单（menu）、工具栏（toolbar）等多种UI组件，满足...