当前位置: 代码迷 >> Ajax >> Ext中怎么修改textfield的label
  详细解决方案

Ext中怎么修改textfield的label

热度:347   发布时间:2012-04-25 19:32:32.0
Ext中如何修改textfield的label - Web 开发 / Ajax
textField已经加载完成 

如何修改textField的label

例如:textfield 的 label 显示为123

点击一个按钮后,label显示为234

------解决方案--------------------
label.setText(string)

------解决方案--------------------
NodeText=xxxxxxxxxxxx
------解决方案--------------------
貌似是这样的
Ext.getDom().setText()
------解决方案--------------------
textfield.name='xxxx'
------解决方案--------------------
HTML code

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>华中电力科技开发公司电网事业二部短信群发平台</title>
    </head>
    <body>
        <link rel="stylesheet" type="text/css"
            href="resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" media="all"
            href="resources/css/examples.css" />
        <script type="text/javascript" src="scripts/ext/ext-base.js"></script>
        <script type="text/javascript" src="scripts/ext/ext-all.js"></script>
        <script type="text/javascript" src="scripts/ext/examples.js"></script>
        <script type="text/javascript" src="scripts/ext/RowExpander.js"></script>

        <script>
     // sets default ExtJS blank image
        Ext.BLANK_IMAGE_URL = "../resources/images/default/s.gif";
        Ext.QuickTips.init();  // 开启表单提示
        Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
        
        Ext.onReady(function(){
           var formWindow = new Ext.form.FormPanel({    
                        id:'mainWin',              
                    layout:'form',   
                    width:340,   
                    renderTo:document.body,
                    items:[
                       new Ext.form.TextField({
                             id:"textfield",
                          fieldLabel:'123',
                          width:200                          
                       })
                    ],
                    buttons:[
                        {
                            text:'点击',
                            listeners:{
                                click :function(){
                                    Ext.getCmp("textfield").fieldLabel = "abc";
                                    alert(Ext.getCmp("textfield").fieldLabel);
                                }
                               } 
                        }
                    ], 
                    listeners:{
                        beforerender :function(){
                            Ext.getCmp("textfield").fieldLabel = "234";
                            alert(Ext.getCmp("textfield").fieldLabel);
                        }
                   } 
         });
     })
     
    </script>
    </body>
</html>

------解决方案--------------------
可以修改~~ 没有什么是不可以改的 == 我写好给你
------解决方案--------------------
我想最简单的方法;就是初始化的时候这个textField的fieldLabel设为空,再在相应的地方放个label,然后,你就可以用setText随便设这个label的值了.没必要一定在fieldLabel这地方动脑筋.
  相关解决方案