extjs.form的取值设置

最新推荐文章于 2018-11-09 16:45:11 发布

chenweishaoxing

最新推荐文章于 2018-11-09 16:45:11 发布

阅读量321

点赞数

分类专栏： ajax

ajax 专栏收录该内容

36 篇文章

订阅专栏

本文详细介绍了如何使用Ext.js库在表单中获取一个字段的值，并将其设置到另一个字段中。通过实例演示了Ext.form.FormPanel的使用，包括创建表单面板、添加输入字段、实现登录按钮的自定义行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext.onReady(function(){
var textfield1 = new Ext.form.TextField({

    name:"username",
    allowBlank:false,
    fieldLabel:"用户名"
});

   var f = new Ext.form.FormPanel({

       title:"欢迎登陆",
       width:300,
       height:130,
       bodyStyle:"padding:6px",
       labelAlign:"right",
       frame:true,
       renderTo:Ext.getBody(),
       items:[textfield1,{

            name:"password",
            xtype:"textfield",
            //inputType:"password",
            fieldLabel:"密码"
       }],
       buttons:[{

            text:"login",
            handler:function(){
                var userName = f.getForm().findField("username").getValue();
                f.getForm().findField("password").setValue(userName);
                alert(userName);
            }
       }]
   });

})