Question

我需要在文本区域中突出显示部分文本。我已经看到它用jquery完成，但我不能使用jquery，因为我正在使用的应用程序已经使用extjs（textarea只是应用程序的一小部分）。这是jquery示例的链接：http://www.strangeplanet.fr/work/jquery-highlighttextarea/我正在使用extjs 2.3.0

消息是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"]
                });
            }
        }
    })

Answer 1

我终于想通了，我所要做的就是让我在我的问题工作中发布的代码是替换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"]
                });
            }
        }
    })

突出显示extjs textarea中文本的一部分

1 个答案: