浏览 2644 次
锁定老帖子 主题:表情选择扩展
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2012-04-05
/** * 表情扩展 * @param {} config */ EmoteChooser = function(cfg){ this.width=340; this.height=112; this.autoScroll=true; Ext.apply(this,cfg); this.emoteView = new Ext.DataView({ store: new Ext.data.ArrayStore({ fields: ['name'], data : [//表情列表 ["001"],["004"],["005"],["006"],["007"],["008"],["009"],["010"],["011"], ["012"],["016"],["021"],["022"],["023"],["024"],["025"],["028"],["030"], ["002"],["003"],["013"],["026"],["014"],["015"], ["017"],["018"],["019"],["020"],["027"],["029"] ] }), tpl: new Ext.XTemplate( '<tpl for=".">', '<div class="emotes"><img src="resources/face/{name}.gif" title="{name}"></div>', '</tpl>' ), autoHeight:true, singleSelect: true, overClass:'x-view-over', itemSelector:'div.emotes', listeners : { 'click': this.selectEmoteFn } }); EmoteChooser.superclass.constructor.call(this, { border : false, items : this.emoteView }); this.emoteView.on('click',function(){ this.ownerCt.hide(); },this); }; Ext.extend(EmoteChooser, Ext.Panel, { selectEmoteFn : function(dc,num){} }); Ext.reg('emotechooser', EmoteChooser);
使用例子:
{text:'表情',scope:this,menu:new Ext.menu.Menu({ items : new EmoteChooser({ selectEmoteFn : this.selectEmoteFn.createDelegate(this) }) })} 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2012-04-09
jquery easy Ui很是强大
|
|
返回顶楼 | |
发表时间:2012-04-09
beijing_2007 写道 jquery easy Ui很是强大
你错了,楼上的是ExtJs的代码~~ |
|
返回顶楼 | |