论坛首页 Web前端技术论坛

表情选择扩展

浏览 2651 次
精华帖 (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)
				})
			})}
 



  • 大小: 76.4 KB
  • 大小: 54.2 KB
   发表时间:2012-04-09  
jquery easy Ui很是强大
0 请登录后投票
   发表时间:2012-04-09  
beijing_2007 写道
jquery easy Ui很是强大


你错了,楼上的是ExtJs的代码~~
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics