Нажмите Ctrl + Enter, когда пользователь печатает текст в Ext.form.field.HtmlEditor - PullRequest
Новая
       22

Нажмите Ctrl + Enter, когда пользователь печатает текст в Ext.form.field.HtmlEditor

0 голосов
/ 12 июля 2011

Я пытаюсь сделать ajax-запрос, когда пользователь нажимает Ctrl + Enter, когда вводит текст в Ext.form.field.HtmlEditor (xtype: 'htmleditor'), но я не знаю, как это сделать.
У меня есть кнопка рядом с htmleditor, которая может отправлять значение htmleditor, но я хотел бы добавить сочетание клавиш для этой операции с помощью ctrl + enter.
Буду признателен за некоторую помощь.

РЕДАКТИРОВАТЬ: Это должно быть сделано с ExtJS4 - каким-то образом я должен добавить что-то вроде слушателя 'keypress' к моему объекту htmleditor ...
Вот код .. 

this.htmleditor = this.addComment.add({
    region:'center',
    xtype:'htmleditor',
    margin:'0 0 0 0',
    enableSourceEdit:false,
    height:200
});

Ответы [ 2 ]

4 голосов
/ 12 июля 2011

Вы не можете прослушивать события в htmleditor по умолчанию. Поэтому вам нужно использовать обновленную версию.

Этот код может помочь вам (он предназначен для extjs 3, поэтому, возможно, вам нужно изменить его для версии 4): 

Cyber.ui.HtmlEditor = Ext.extend(Ext.form.HtmlEditor, {
        frame : true,
        initComponent : function() {
            Cyber.ui.HtmlEditor.superclass.initComponent.call(this);
            this.addEvents('submit');
        },
        initEditor : function() {
           Cyber.ui.HtmlEditor.superclass.initEditor.call(this);
            if (Ext.isGecko) {
                Ext.EventManager.on(this.doc, 'keypress', this.fireSubmit,
                        this);
            }
            if (Ext.isIE || Ext.isWebKit || Ext.isOpera) {
                Ext.EventManager.on(this.doc, 'keydown', this.fireSubmit,
                        this);
            }
        },
        fireSubmit : function(e) {
            if (e.ctrlKey && Ext.EventObject.ENTER == e.getKey()) {
                // Do what you need here
            }
        }
});

Ext.reg('customeditor', Cyber.ui.HtmlEditor);

И в вашей форме: 

this.htmleditor = this.addComment.add({
    region:'center',
    xtype:'customeditor',
    margin:'0 0 0 0',
    enableSourceEdit:false,
    height:200
});

Я много играл с Extjs 4 и нашел способ (вам нужно просто включить этот код перед использованием htmleditor): 

Ext.form.HtmlEditor.override({
    frame : true,
    initComponent: function() {
        this.callOverridden();
        this.addEvents('submit');
    },

    initEditor : function() {
        this.callOverridden();

        var me = this;
        var doc = me.getDoc();

        if (Ext.isGecko) {
            Ext.EventManager.on(doc, 'keypress', me.fireSubmit, me);
        }

        if (Ext.isIE || Ext.isWebKit || Ext.isOpera) {
            Ext.EventManager.on(doc, 'keydown', me.fireSubmit, me);
        }
    },

    fireSubmit : function(e) {
        if (e.ctrlKey && Ext.EventObject.ENTER == e.getKey()) {
            // Do what you need here
            alert('yes!');
        }
    }
});
0 голосов
/ 12 июля 2011

Является ли этим , что вы ищете (было уже в стеке: P)? Ctrl + Введите jQuery в TEXTAREA : 

$('#textareaId').keydown(function (e) {
e = e || event; // for compatibility with IE (i belive)
  if (e.ctrlKey && e.keyCode == 13) {
    // Ctrl-Enter pressed
  }
});
...