Extjs4.1:由json数据生成icon列表并对单击事件弹出提示
2013-02-01 16:30
477 查看
var data = [ ["柱状图", "column_chart.jpg"], ["饼图", "custom_bar_chart.jpg"], ["连线图", "filled_radar_chart.jpg"], ]; Ext.define('model_icon', { extend: 'Ext.data.Model', fields: [ 'name', 'pic' ] }); var store_icon = Ext.create('Ext.data.Store', { model: 'model_icon', sortInfo: { field : 'name', direction: 'ASC' }, data: data }); var dataview = Ext.create('Ext.view.View', { deferInitialRefresh: false, store: store_icon, tpl : Ext.create('Ext.XTemplate', '<tpl for=".">', '<div class="phone">', '<img width="64" height="64" src="images/{pic}" />', '<strong>{name}</strong>', '</div>', '</tpl>' ), id: 'phones', listeners: { selectionchange: function(dataview, selections) { //Ext.Msg.alert('提示','你点击了记录:'); var selected = selections[0]; if (selected) { Ext.Msg.alert('提示','你选中了图标。' + selected.get('name') ); } } }, itemSelector: 'div.phone', overItemCls : 'phone-hover', multiSelect : true, autoScroll : true });
相关文章推荐
- Extjs4.1:由json数据生成icon列表并对单击事件弹出提示
- 返回json数据在ie弹出下载提示框
- 用本地json数据初始化jsTree,绑定树节点的单击选择事件
- Android开发之JSON数据解析和生成
- EasyUI——datagrid 的onLoadSuccess事件无数据时提示
- ajax请求返回json数据弹出下载框的解决方法
- Python把csv中的数据整合成多条json数据插入列表的脚本
- jquery通过struts2请求,返回json数据,在jsp页面形成二级联动下拉列表
- 购物车二级列表的实现,在一级列表基础上,bean类里再添加两个字段(请求本地json数据)
- 飞信全平台IM基础能力优化-好友列表数据获取提速-提示语规划-提示交互规范
- Android解析JSON方式 服务器端生成JSON数据
- DropDownList下拉框 事件触发前 弹出提示
- Moss list 删除列表数据同时删除子列表相关数据事件
- 让Jackson JSON生成的数据包含的中文以unicode方式编码
- fastjson生成和解析json数据,序列化和反序列化数据
- Select标签列表显示 单击和双击事件并存处理
- JSON数据生成与解析
- javascript生成json数据简单示例分享
- ListView点击事件冲突和删除一条数据刷新列表
- spring aop之动态生成jquery-easyui数据列表操作按钮