jQuery EasyUI 表单 - 格式化下拉框

jQuery EasyUI 教程 · 2019-04-07 08:56:49

本教程向您展示如何创建一个简单的下拉框（Combobox），让它在下拉框中显示图片项。您可以在下拉框（combobox）上使用 formatter 函数来告诉它如何格式化每一个条目。

创建图像下拉框（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>';
        }
    });

下载 jQuery EasyUI 实例

jeasyui-form-form4.zip

点击查看所有 jQuery EasyUI 教程文章: https://codercto.com/courses/l/42.html

查看所有标签

码农书籍

大数据技术原理与应用

林子雨 / 人民邮电出版社 / 2015-8-1 / 45.00

大数据作为继云计算、物联网之后IT行业又一颠覆性的技术，备受关注。大数据处不在，包括金融、汽车、零售、餐饮、电信、能源、政务、医疗、体育、娱乐等在内的社会各行各业，都融入了大数据的印迹，大数据对人类的社会生产和生活必将产生重大而深远的影响。大数据时代的到来，迫切需要高校及时建立大数据技术课程体系，为社会培养和输送一大批具备大数据专业素养的高级人才，满足社会对大数据人才日益旺盛的需求。本书定......一起来看看《大数据技术原理与应用》这本书的介绍吧!

码农工具

文章

话题

教程

Tips

namespace HelloWorld
{
    class Program
    {
        static void Main(string[] args)
        {
            System.Console.Write("Hello, World!");
        }
    }
}

jQuery EasyUI 表单 - 格式化下拉框

创建图像下拉框（Combobox）

下载 jQuery EasyUI 实例

大数据技术原理与应用

JSON 在线解析

RGB转16进制工具

MD5 加密