Extjs4中用combox做下拉带图片的下拉框
图片 下拉框 中用
2023-09-27 14:20:51 时间
今天,莫名的来个一个需求,需要做的一个下拉框中,需要有图片,这不。。。谷歌+度娘然后找网友,终于搞定。现在感谢这些提供资料的友友...
效果如图:
var states = Ext.create('Ext.data.Store', { fields: ['url', 'name'], data : [ {"url":"花地1.jpg", "name":"Alabama"}, {"url":"花地1.jpg", "name":"Alaska"}, {"url":"花地1.jpg", "name":"Arizona"} //... ] }); Ext.create('Ext.form.ComboBox', { fieldLabel: 'Choose State', store: states, displayField: 'name', queryMode: 'local', renderTo: Ext.getBody(), listConfig: { getInnerTpl: function() { return '<div data-qtip="{name}"><img src="{url}" width="16" height="16"> {name}</div>'; } } }); });
效果不错,学习研究Extjs4...工作中!
相关文章
- Nginx图片防盗链配置
- MVC使用Flash来显示图片
- 将数据加载时显示的图片和文字提成公共的--实现方法
- 解决 canvas 下载含图片的画布时的报错
- jQuery 人脸识别插件,支持图片和视频
- 如何实现图片自适应
- SpringBoot+Vue+token实现(表单+图片)上传、图片地址保存到数据库。上传图片保存位置到项目中的静态资源下、图片可以在前端回显(二))
- vue 上传图片到阿里云(前端直传:不推荐)
- 图片上传知识点梳理
- Android图片加载框架最全解析(八),带你全面了解Glide 4的用法
- 再谈javascript图片预加载技术
- Unity3d实现摄像头的截部分图(图片裁剪、截图)功能项目源码
- CSS-相关练习2-图片与文字的结合(文字开头大写)
- ImageView的图片,压缩成PNG,并得到二进制流数据
- 用CImage类来显示PNG、JPG等图片
- android图片倒影控件ReflectionImage
- 微信小程序开发之图片等比例缩放 获取屏幕尺寸图片尺寸 自适应