jquery - 如何将表情符号面板添加到 Extjs 项目

Question

知道如何将 jQuery.emojiarea 与 Extjs sencha 集成，或者是否有任何其他库可以将表情符号添加到我的 extjs 项目中

标签： jqueryextjssencha-architect

Answer 1

像这样的东西：

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.create('Ext.form.FormPanel', {
            title: 'Sample TextArea',
            width: 400,
            bodyPadding: 10,
            dockedItems: [{
                xtype: 'toolbar',
                items: [{
                    text: "Show Form Values",
                    handler: function () {
                        var formPanel = this.up('form');
                        console.log(formPanel.getValues());
                    }
                }]
            }],
            items: [{
                xtype: 'textareafield',
                grow: true,
                name: 'message',
                fieldLabel: 'Message',
                labelAlign: 'top',
                anchor: '100%',
                value: "lorem ipsum dolor sit amet :smile:",
                listeners: {
                    afterrender: function (textArea) {
                        $('#' + textArea.getId()).emojiarea({
                            button: '#emojiesButton'
                        });
                    }
                }
            }],
            renderTo: Ext.getBody()
        });
    }
});

还有小提琴：https ://fiddle.sencha.com/#view/editor&fiddle/36vs