64EasyUI 表单 - 格式化下拉框

简介: 64EasyUI 表单 - 格式化下拉框

下面展示如何创建一个简单的下拉框(Combobox),让它在下拉框中显示图片项。您可以在下拉框(combobox)上使用 formatter 函数来告诉它如何格式化每一个条目。

image.png

创建图像下拉框(Combobox)

<input id="cc" style="width:100px"
            url="data/combobox_data.json"
            valueField="id" textField="text">
    </input>
$('#cc').combobox({
        formatter:function(row){
            var imageFile = 'images/' + row.icon;
            return '<img class="item-img" src="'+imageFile+'"/><span class="item-text">'+row.text+'</span>';
        }
    });
目录
相关文章
|
存储
65EasyUI 表单 - 过滤下拉数据网格
65EasyUI 表单 - 过滤下拉数据网格
51 0
|
JavaScript
63EasyUI 表单 - 创建树形下拉框
63EasyUI 表单 - 创建树形下拉框
74 0
62EasyUI 表单 - 表单验证
62EasyUI 表单 - 表单验证
39 0
|
前端开发
61EasyUI 表单 - 创建异步提交表单
61EasyUI 表单 - 创建异步提交表单
41 0
|
前端开发 容器
04EasyUI 应用- 创建展开行明细编辑表单的 CRUD 应用
04EasyUI 应用- 创建展开行明细编辑表单的 CRUD 应用
51 0
|
JSON 前端开发 JavaScript
EasyUI–表单加载内存/本地/服务端数据
在不使用前端语言JS(jQuery等前端框架本质上也是JS)时,如果我们想往表单里面放入数据,该怎么办?比如从文件中、从数据库查出用户信息显示在表单中。
516 0
EasyUI–表单加载内存/本地/服务端数据
|
前端开发 JavaScript Java
EasyUI–表单 文本框 按钮
本篇重点介绍EasyUI框架下的表单和表单元素使用。
534 0
EasyUI–表单 文本框 按钮
|
JSON 前端开发 数据格式
easyUi load方法重新加载表单的数据
1.表单回显数据的方法   //方法一 function loadLocal(){ $('#ff').form('load',{ name:'myname', email:'mymail@gmail.
1670 0