2013-02-12 2 views
0

Мне нужно выделить часть текста в текстовом поле. Я видел это с помощью jquery, но я не могу использовать jquery, потому что приложение, над которым я работаю, уже использует extjs (текстовая область - это лишь небольшая часть приложения). Это ссылка на образец Jquery:. http://www.strangeplanet.fr/work/jquery-highlighttextarea/ Я использую ExtJS 2.3.0Выделите часть текста в текстовом поле extjs

сообщений является Extjs Textarea, я пытаюсь выделять текст

var message = new Ext.form.TextArea({ 
     hideLabel: true, 
     id: 'smshl', 
     name  : 'smshl', 
     emptyText: 'enter message here', 
     anchor: '90%', 
     allowBlank: false, 
     style:'overflow:hidden;style:margin:15px;', 
     height: 90, 
     minLength: 1, 
     minLengthText: 'You cannot send a blank text', 
     maxLength: userObj.smsLength, 
     maxLengthText: 'Sorry, Maximum length of message exceeded', 
     preventScrollbars: true, 
     enableKeyEvents: true, 
     listeners:{ 
      keyup: function() { 
       this.highlightTextarea({ 
        words: ["first word","another word"] 
       }); 
      } 
     } 
    }) 
+2

Я не уверен, я понимаю, что мешает вам с помощью Плагин jQuery, с которым вы связались. Вполне возможно и легко использовать ExtJS и jQuery вместе в одном приложении. – existdissolve

+0

Это потому, что я не уверен, как это сделать. Я попытался использовать плагин jquery, но это не сработало. Я редактировал свой вопрос, чтобы включить часть кода. – euniceadu

+0

Вам нужно будет включить библиотеку jQuery и ваш плагин, попробуйте этот учебник: http://docs.jquery.com/Tutorials:Using_Ext_With_jQuery – jakerella

ответ

0

я, наконец, понял это, все Я должен был сделать, чтобы код, который я отвечал в мой вопрос работы было заменить this.highlightTextarea with jQuery('#'+this.getId()).highlightTextarea

Так код становится:

var message = new Ext.form.TextArea({ 
     hideLabel: true, 
     id: 'smshl', 
     name  : 'smshl', 
     emptyText: 'enter message here', 
     anchor: '90%', 
     allowBlank: false, 
     style:'overflow:hidden;style:margin:15px;', 
     height: 90, 
     minLength: 1, 
     minLengthText: 'You cannot send a blank text', 
     maxLength: userObj.smsLength, 
     maxLengthText: 'Sorry, Maximum length of message exceeded', 
     preventScrollbars: true, 
     enableKeyEvents: true, 
     listeners:{ 
      keyup: function() { 
       jQuery('#'+this.getId()).highlightTextarea.highlightTextarea({ 
        words: ["first word","another word"] 
       }); 
      } 
     } 
    })