`
chun521521
  • 浏览: 284362 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

easyui 图标下拉框

阅读更多

 

 

图标下拉框

 

css样式:

.item-img{
   display:inline-block;
   vertical-align:middle;
   width:16px;
   height:16px;
   cursor: pointer;
  }
  .item-text{
   display:inline-block;
   vertical-align:middle;
   padding:3px 0 3px 3px;
   cursor: pointer;
  }

jsp:

<input id="icons" name="icons" style="width: 300px;"/>

js:

$('#icons').combobox({
  valueField:'text',
  textField:'text',
  url:'jsp/icons.jsp',
  editable:false,
     formatter:function(data){
       return '<img class="item-img" src="'+data.url+'"/><span class="item-text">'+data.text+'</span>';
     },
 });

 

编辑下拉框赋值

$('#icons').combobox("select", node.iconCls);

 

 

 

 

  • 大小: 22.1 KB
分享到:
评论

相关推荐

    EasyUI拓展图标(1775个)

    标题提到的“EasyUI拓展图标(1775个)”显然是为了弥补原生EasyUI图标库的不足,提供了更多的图标选择,以满足更多样化的设计需求。 在项目开发中,图标不仅能够直观地传达功能含义,还能增加界面的视觉吸引力。...

    jQuery扁平化风格下拉框美化插件

    **jQuery扁平化风格下拉框美化插件——FancySelect** 在网页开发中,下拉选择框(Dropdown)是一个常见的交互元素,但其默认样式往往简单且缺乏吸引力。为了解决这一问题,开发者们通常会寻找一些美化插件来提升...

    为Jquery EasyUI 组件加上清除功能的方法(详解)

    3. `addClear4Combogrid`: 对于数据表格下拉框(combogrid),此函数同样提供清除功能。它能够根据combogrid的值变化来控制清除图标的可见性,并支持用户定义的`onChangeFun`回调。 这些函数的工作原理大体相同,都...

    easyui资源附加常用图标5000个

    EasyUI 的核心在于其组件库,包括窗口(Window)、表格(Grid)、面板(Panel)、菜单(Menu)、表单(Form)、按钮(Button)、下拉框(ComboBox)、树形控件(Tree)、日期选择器(DateBox)等。这些组件都有预设...

    easyui datagrid 行编辑中combogrid和combobox显示问题

    修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应... 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题

    基于easyui-textbox的颜色选择器及源码

    5. `images/`:可能包含一些图标或图片资源,用于颜色选择器的界面。 在`script.js`中,开发者可能使用了事件监听来响应用户操作,例如监听TextBox旁边的按钮点击事件。当用户点击后,会弹出一个颜色选择面板,这个...

    jQuery EasyUI 为Combo,Combobox添加清除值功能的实例

    图标 (function($){ //初始化清除按钮 function initClear(target){ var jq = $(target); var opts = jq.data('combo').options; var combo = jq.data('combo').combo; var arrow = combo.find('span.combo...

    easyui_demo_DEMO_easyui的一个demo_easyui_

    EasyUI 是一款基于 jQuery 的 UI 组件库,它提供了丰富的前端界面组件,如表格、下拉框、对话框、按钮、树形控件等,帮助开发者快速构建美观且功能强大的 Web 应用程序。"easyui_demo_DEMO_easyui的一个demo_easyui_...

    Easyui和zTree两种方式分别实现树形下拉框

    在本文中,我们将探讨两种不同的方法来实现树形下拉框,分别是EasyUI的`comboTree`和zTree。这两种技术都有其独特的优势和应用场景,适用于不同设计风格和功能需求。 首先,我们来看zTree的实现。zTree是一款非常...

    easyUI easyUI1.4

    1. **组件丰富**:EasyUI提供了诸如面板(Panel)、窗口(Window)、表格(Grid)、下拉框(ComboBox)、树形控件(Tree)、表单(Form)等多种常见的Web界面元素,这些组件可以直接用于快速构建复杂的用户界面。...

    easyui.css+icon.css

    EasyUI 提供了一套完整的组件,如窗口(window)、表格(datagrid)、菜单(menu)、下拉框(combobox)、按钮(button)等,这些组件的样式都在 `easyui.css` 中进行了详细规定。使用这个 CSS 文件,开发者可以快速...

    EasyUI官方文档(英文版)

    - **表单(Form)**:提供了各种输入控件,如文本框、下拉框、复选框和单选按钮,以及验证功能。 - **按钮(Button)**:包括普通按钮、链接按钮、工具栏按钮等,支持自定义图标和事件处理。 - **其他组件**:...

    easyUI和zTree的结合使用

    6. **交互整合**:将zTree与EasyUI的其他组件进行交互,例如,当用户选择某个节点时,可以在EasyUI的表格或下拉框中显示相关数据,或者在EasyUI的对话框中展示详细信息。 在提供的`JQuery zTree v2.6`和`jquery-...

    超级漂亮的EasyUI框架皮肤源码

    在“super-theme”这个压缩包中,我们可以找到针对 EasyUI 组件的定制化 CSS 文件,可能包括 `easyui.css`、`easyui-lang-zh_CN.js`(中文语言包)以及各种图标和其他资源。 关于 EasyUI 的核心组件: 1. 数据网格...

    easyui的资源包

    1. **组件丰富**:EasyUI 包含了大量的 UI 组件,如数据表格(datagrid)、对话框(dialog)、菜单(menu)、下拉框(combobox)、树形结构(tree)、滑块(slider)等,这些组件涵盖了日常开发中的常见需求。...

    easyui示例样例.7z

    4. **表单(Form)**:表单组件是数据输入的重要部分,EasyUI提供了多种表单元素,如文本框、下拉框、复选框、单选按钮等,并支持表单验证,确保用户输入的数据格式正确。 5. **菜单(Menu)**:菜单组件用于创建...

    easyui demo

    - **表单组件(Input Controls)**:如文本框、下拉框、复选框、单选按钮等。 2. **基本使用**: EasyUI 使用 jQuery 选择器和方法,通过添加特定的CSS类和数据属性来操作元素。例如,要创建一个基本的窗口,只需...

    easyUI初探

    EasyUI 支持数据绑定,可以将表格、下拉框等组件与后端数据源进行连接。它利用 AJAX 技术实现异步加载和更新数据,提高了用户体验。例如,可以通过 `datagrid` 的 `loadData` 方法动态加载表格数据。 **4. 插件和...

    jquery_easyui 中文手册

    easyui-accordion:手风琴式下拉框** 手风琴(Accordion)组件用于展示可折叠的内容区域,一次只能展开一个区域。`$("#element").accordion`方法用于创建和控制手风琴。 **11. easyui-combobox:组合下拉框** 组合...

    EasyUI_1.3.4+帮助文档

    在提供的压缩包文件中,`jquery-easyui-1.3.4.zip` 包含了 EasyUI 1.3.4 的所有库文件,包括 CSS 样式表、JavaScript 文件以及必要的图标资源。开发者可以直接引用这些文件到自己的项目中,快速启动 EasyUI 的开发...

Global site tag (gtag.js) - Google Analytics