Question

我需要在HTML编辑器中输入文本时选中复选框。当我单击HTML编辑器工具栏上的源编辑按钮时，下面的代码工作正常。禁用所有按钮后，选中复选框。任何人都可以更正代码吗？

这是extjs代码：

this.mcmServiceIndicatorsOthCheckbox = new Ext.form.field.Checkbox({ fieldLabel: '', id: 'otherbox', boxLabel: 'OTH (must complete comments)' });

this.mcmServiceIndicatorsCommentsHtmlEditor = new Ext.form.HtmlEditor({
            height: 50,
            style: 'background-color: white;',
            enableSourceEdit : true,
            anchor: '100%',             
                listeners: {
                    afterrender: function(){
                      this.textareaEl.on('keyup', function() {
                         var notes = this.getValue(); 
                          if(notes.length > 0)
                          {
                              Ext.getCmp('otherbox').setValue(true);
                          }
                          else
                          {
                              Ext.getCmp('otherbox').setValue(false);
                          } 
                      });              
                    }
                }
        });

Answer 1

只需为change事件添加其他事件处理程序：

change: function () {
    Ext.getCmp('otherbox').setValue(this.getValue().length > 0);
}

工作样本：http://jsfiddle.net/Ld9Dj/1/

在HTML编辑器的文本区域中输入文本时选中复选框？

1 个答案: