Extjs文本输入域

   var form = Ext.create('Ext.form.Panel', {
            renderTo: Ext.getBody(),
            frame: true,
            width: 400,
            height: 180,
            title: '多行输入',
            items: [
                { xtype: 'textarea', id: 'textArea', labelWidth: 100, fieldLabel: '多行输入', labelSeparator: ':', width: 300 }
            ],//labelWidth应该尽量大点,否则随着输入内容增多,文本框滚动条不断滚动,字段标签也会不自主上滚~~~宽度设置大点就不会了。
            buttons: [
                { text: '显示', handler: function show_inputText() { var meno=form.getForm().findField('textArea');alert(meno.getValue()) } }
            ]//form.getForm().findField()就相当于document.getElementById()通过组件的id或者name找到相应组件。form是pannel对象,
        });//getForm()就是返回pannel下的表单,findField()通过id和那么找到相应的表单项组件,然后利用getValue()返回表单项字段值。




        //使用了Ext。form。field。TextArea类。
posted @ 2014-10-24 21:17  lz3018  阅读(512)  评论(0编辑  收藏  举报