ExtJs 怎么添加一个事件 100结贴

t101lian 2013-08-09 05:29:32

如上图， 我想在 入金金额的文本框下面（红线处）添加一个 Label 标签，不用Label标签也可以， 只要文本框输入的内容能动态在上面显示出来就可以。

这个是onkeyup事件吧 ， 怎么添加？在线等。。
...全文
223 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
初心不变时过迁 2013-08-13
  • 打赏
  • 举报
 回复
引用 9 楼 yuqi_hz 的回复:
我觉得这个帖子有点坑，我都在自己的电脑上测试过可以了，这么简单的一个东西，竟然说什么都没有啦，无语
目测LZ直接 ctrl c ctrl v 该改的东西没改、、 LZ 多检查下代码
u011150962 2013-08-13
  • 打赏
  • 举报
 回复
引用 11 楼 t101lian 的回复:
[quote=引用 9 楼 yuqi_hz 的回复:] 我觉得这个帖子有点坑，我都在自己的电脑上测试过可以了，这么简单的一个东西，竟然说什么都没有啦，无语
你觉得我有必要这样？ 按照你给的代码， 
 var TxForm = new Ext.FormPanel({
        frame: true,
        layout: 'form',
        labelAlign: 'right',
        labelWidth: 90,
        width: 450,
        items: new Ext.form.FieldSet({
            title: '入金信息',
            height: 120,
            bodyStyle: 'padding:2px',
            autoHeigh: true,
            defaults: { width: 175 },
            defaultType: 'textfield',
            items: [
            {
                fieldLabel: '用户ID',
                name: 'UserId',
                blankText: '不能为空',
                readOnly: true,
                allowBlank: false
            }, {
                fieldLabel: '用户名称',
                name: 'UserName',
                readOnly: true

            }, {
                fieldLabel: '入金金额',
                name: 'DoBankroll',
                blankText: '请填写入金金额',
                allowBlank: false,
                regex: /^\d+$/,
                regexText: '请输入正确的数据类型',
                vtype: 'alphanum',
                listeners: {
                    'keyup': function (tx, e) {
                        Ext.getCmp('DoBankroll_display').setValue(tx.getValue());
                    }
                }
            }, {
                xtype: 'displayfield',
                id: 'DoBankroll_display',
                name: 'DoBankroll_display'
            }]
        })

    });
现在点击图片中的入金都不会弹出最上面那个啦 [/quote]
t101lian 2013-08-13
  • 打赏
  • 举报
 回复
引用 9 楼 yuqi_hz 的回复:
我觉得这个帖子有点坑，我都在自己的电脑上测试过可以了，这么简单的一个东西，竟然说什么都没有啦，无语
你觉得我有必要这样？ 按照你给的代码， 
 var TxForm = new Ext.FormPanel({

        frame: true,

        layout: 'form',

        labelAlign: 'right',

        labelWidth: 90,

        width: 450,

        items: new Ext.form.FieldSet({

            title: '入金信息',

            height: 120,

            bodyStyle: 'padding:2px',

            autoHeigh: true,

            defaults: { width: 175 },

            defaultType: 'textfield',

            items: [

            {

                fieldLabel: '用户ID',

                name: 'UserId',

                blankText: '不能为空',

                readOnly: true,

                allowBlank: false

            }, {

                fieldLabel: '用户名称',

                name: 'UserName',

                readOnly: true



            }, {

                fieldLabel: '入金金额',

                name: 'DoBankroll',

                blankText: '请填写入金金额',

                allowBlank: false,

                regex: /^\d+$/,

                regexText: '请输入正确的数据类型',

                vtype: 'alphanum',

                listeners: {

                    'keyup': function (tx, e) {

                        Ext.getCmp('DoBankroll_display').setValue(tx.getValue());

                    }

                }

            }, {

                xtype: 'displayfield',

                id: 'DoBankroll_display',

                name: 'DoBankroll_display'

            }]

        })



    });
现在点击图片中的入金都不会弹出最上面那个啦
yuqi_hz 2013-08-12
  • 打赏
  • 举报
 回复
我觉得这个帖子有点坑，我都在自己的电脑上测试过可以了，这么简单的一个东西，竟然说什么都没有啦，无语
t101lian 2013-08-12
  • 打赏
  • 举报
 回复
renderTo去掉后， 页面同样什么都没有啦， 。。 不过还是谢谢你的回复，
yuqi_hz 2013-08-12
  • 打赏
  • 举报
 回复
引用 2 楼 yuqi_hz 的回复:

Ext.onReady(function(){
	
	   var TxForm = new Ext.FormPanel({
	        frame: true,
	        layout: 'form',
	        labelAlign: 'right',
	        labelWidth: 90,
	        width: 450,
	        items: new Ext.form.FieldSet({
	            title: '入金信息',
	            height: 120,
	            bodyStyle: 'padding:2px',
	            autoHeigh: true,
	            defaults: { width: 175 },
	            defaultType: 'textfield',
	            items: [
	            {
	                fieldLabel: '用户ID',
	                name: 'UserId',
	                blankText: '不能为空',
	                readOnly: true,
	                allowBlank: false
	            }, {
	                fieldLabel: '用户名称',
	                name: 'UserName',
	                readOnly: true
	 
	            }, {
	                fieldLabel: '入金金额',
	                enableKeyEvents:true,   //增加，否则无效
	                id:'DoBankroll',        //增加id
	                name: 'DoBankroll',
	                blankText: '请填写入金金额',
	                allowBlank: false,
	                regex: /^\d+$/,
	                regexText: '请输入正确的数据类型',
	                vtype: 'alphanum'
	            }],
	            renderTo: 'test' //测试时候用
	        })
	    });
	
	   //添加事件
	   Ext.getCmp('DoBankroll').on('keyup',function(){
		   alert(this.getRawValue());
	   });
});
怎么可能整个页面都不显示，你把renderTo去掉，这是我在自己机器上测试时候用的渲染的div的id
齊麟 2013-08-12
  • 打赏
  • 举报
 回复
引用 4 楼 qider 的回复:
{ fieldLabel: '入金金额', enableKeyEvents:true, //增加，否则无效 id:'DoBankroll', //增加id name: 'DoBankroll', blankText: '请填写入金金额', allowBlank: false, regex: /^\d+$/, regexText: '请输入正确的数据类型', vtype: 'alphanum', listeners:{ 'keyup':function(tx,e){ Ext.getCmp('DoBankroll_display').setValue(tx.getValue()); } } },{ xtype:'displayfield', id:'DoBankroll_display', name:'DoBankroll_display' }
这个应该是可以的吧
qider 2013-08-11
  • 打赏
  • 举报
 回复 


Ext.onReady(function(){
	
	   var TxForm = new Ext.FormPanel({
	        frame: true,
	        layout: 'form',
	        labelAlign: 'right',
	        labelWidth: 90,
	        width: 450,
	        items: new Ext.form.FieldSet({
	            title: '入金信息',
	            height: 120,
	            bodyStyle: 'padding:2px',
	            autoHeigh: true,
	            defaults: { width: 175 },
	            defaultType: 'textfield',
	            items: [
	            {
	                fieldLabel: '用户ID',
	                name: 'UserId',
	                blankText: '不能为空',
	                readOnly: true,
	                allowBlank: false
	            }, {
	                fieldLabel: '用户名称',
	                name: 'UserName',
	                readOnly: true
	 
	            },{
	                fieldLabel: '入金金额',
	                enableKeyEvents:true,   //增加，否则无效
	                id:'DoBankroll',        //增加id
	                name: 'DoBankroll',
	                blankText: '请填写入金金额',
	                allowBlank: false,
	                regex: /^\d+$/,
	                regexText: '请输入正确的数据类型',
	                vtype: 'alphanum',
	                listeners:{
	                	'keyup':function(tx,e){
	                		Ext.getCmp('DoBankroll_display').setValue(tx.getValue());
	                	}
	                }
	            },{
	            	xtype:'displayfield',
	            	id:'DoBankroll_display',
	            	name:'DoBankroll_display'
	            }],
	            renderTo: 'test' //测试时候用
	        })
	    });
qider 2013-08-11
  • 打赏
  • 举报
 回复
{ fieldLabel: '入金金额', enableKeyEvents:true, //增加，否则无效 id:'DoBankroll', //增加id name: 'DoBankroll', blankText: '请填写入金金额', allowBlank: false, regex: /^\d+$/, regexText: '请输入正确的数据类型', vtype: 'alphanum', listeners:{ 'keyup':function(tx,e){ Ext.getCmp('DoBankroll_display').setValue(tx.getValue()); } } },{ xtype:'displayfield', id:'DoBankroll_display', name:'DoBankroll_display' }
t101lian 2013-08-11
  • 打赏
  • 举报
 回复
引用 2 楼 yuqi_hz 的回复:

Ext.onReady(function(){
	
	   var TxForm = new Ext.FormPanel({
	        frame: true,
	        layout: 'form',
	        labelAlign: 'right',
	        labelWidth: 90,
	        width: 450,
	        items: new Ext.form.FieldSet({
	            title: '入金信息',
	            height: 120,
	            bodyStyle: 'padding:2px',
	            autoHeigh: true,
	            defaults: { width: 175 },
	            defaultType: 'textfield',
	            items: [
	            {
	                fieldLabel: '用户ID',
	                name: 'UserId',
	                blankText: '不能为空',
	                readOnly: true,
	                allowBlank: false
	            }, {
	                fieldLabel: '用户名称',
	                name: 'UserName',
	                readOnly: true
	 
	            }, {
	                fieldLabel: '入金金额',
	                enableKeyEvents:true,   //增加，否则无效
	                id:'DoBankroll',        //增加id
	                name: 'DoBankroll',
	                blankText: '请填写入金金额',
	                allowBlank: false,
	                regex: /^\d+$/,
	                regexText: '请输入正确的数据类型',
	                vtype: 'alphanum'
	            }],
	            renderTo: 'test' //测试时候用
	        })
	    });
	
	   //添加事件
	   Ext.getCmp('DoBankroll').on('keyup',function(){
		   alert(this.getRawValue());
	   });
});
不对。。。 整个页面都不显示啦，，，
yuqi_hz 2013-08-10
  • 打赏
  • 举报
 回复 

Ext.onReady(function(){
	
	   var TxForm = new Ext.FormPanel({
	        frame: true,
	        layout: 'form',
	        labelAlign: 'right',
	        labelWidth: 90,
	        width: 450,
	        items: new Ext.form.FieldSet({
	            title: '入金信息',
	            height: 120,
	            bodyStyle: 'padding:2px',
	            autoHeigh: true,
	            defaults: { width: 175 },
	            defaultType: 'textfield',
	            items: [
	            {
	                fieldLabel: '用户ID',
	                name: 'UserId',
	                blankText: '不能为空',
	                readOnly: true,
	                allowBlank: false
	            }, {
	                fieldLabel: '用户名称',
	                name: 'UserName',
	                readOnly: true
	 
	            }, {
	                fieldLabel: '入金金额',
	                enableKeyEvents:true,   //增加，否则无效
	                id:'DoBankroll',        //增加id
	                name: 'DoBankroll',
	                blankText: '请填写入金金额',
	                allowBlank: false,
	                regex: /^\d+$/,
	                regexText: '请输入正确的数据类型',
	                vtype: 'alphanum'
	            }],
	            renderTo: 'test' //测试时候用
	        })
	    });
	
	   //添加事件
	   Ext.getCmp('DoBankroll').on('keyup',function(){
		   alert(this.getRawValue());
	   });
});
t101lian 2013-08-09
  • 打赏
  • 举报
 回复 
    var TxForm = new Ext.FormPanel({
        frame: true,
        layout: 'form',
        labelAlign: 'right',
        labelWidth: 90,
        width: 450,
        items: new Ext.form.FieldSet({
            title: '入金信息',
            height: 120,
            bodyStyle: 'padding:2px',
            autoHeigh: true,
            defaults: { width: 175 },
            defaultType: 'textfield',
            items: [
            {
                fieldLabel: '用户ID',
                name: 'UserId',
                blankText: '不能为空',
                readOnly: true,
                allowBlank: false
            }, {
                fieldLabel: '用户名称',
                name: 'UserName',
                readOnly: true

            }, {
                fieldLabel: '入金金额',
                name: 'DoBankroll',
                blankText: '请填写入金金额',
                allowBlank: false,
                regex: /^\d+$/,
                regexText: '请输入正确的数据类型',
                vtype: 'alphanum'
            }]
        })

    });
JavaScript

87,991

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章