jQuery EasyUI使用教程:格式化组合框项

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

Kendo UI for jQuery——创建现代Web应用程序的最完整UI库!查看详情>>>

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

jQuery EasyUI最新试用版下载请猛戳>>

创建树形下拉框点击查看示例

创建图像组合框

<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 '&lt;img class="item-img" src="'+imageFile+'"/&gt;&lt;span class="item-text"&gt;'+row.text+'&lt;/span&gt;';}});

下载EasyUI示例:easyui-form-demo.zip

购买正版授权的朋友可以点击”咨询在线客服”哦~~~

jQuery EasyUI使用教程:格式化组合框项
标签:HTML5jQueryUI界面HTML5/JS

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2016年8月3日
下一篇 2016年8月3日

相关推荐

发表回复

登录后才能评论