Extjs2.0常用方法一

    技术2022-05-19  22

    1.Ext.onRendy(); 在HTML标签初始化完后调用Ext.onRendy();

    example: Ext.onRendy({}); 2.Ext.renderTo; 把当前对象所生成的HTML对象存放在指定对象中; example:

    new Ext.Button({ renderTo:Ext.getBody(),//获得HTML<body>标签对象后给text该button对象 text:"提交" //此处text属性的性质的只读 });

     

     二  2种事件调用

    3.handler: 指定一个句柄事件,在默认事件触发时调用,此时默认事件为click;

       example:

         new Ext.Button({

                renderTo:getBody(),

                text:"提交",

                handler:function(){

                         alert("测试默认事件调用!");

               }

     

     

    });

     

    4.listeners: 这是对象初始化之前,就将一些列事件进行定义策略,在组件化编程时非常有用

     

          new Ext.Button({

                   renderTo:getBody(),

                   text:"submit",

                   listeners:{

                      "click":function(){

                                  alert("test listeners");

                                }

                  }

     

     

    }); 

     

    5.一种和自己架构耦合的事件策略

     

          example: 

     

            var  _click =  new Ext.Button({

                           renderTo:Ext.getBody(),

                          text:"submit"   

     

                           });

               _click.on("click",function(){

     

                         alert("test var click");

     

             });

     

     

     6.add();在ext中此方法为给组件添加组件

         

         example:

       

         var _panel = new Ext.Panel({

     

     

                               renderTo:Ext.getBody(),

                               layout:"form",

                               labelWidth:100,

                               listeners:{

                                    "render":function(_panel){          

                                                  _panel.add(new Ext.form.TextFiled({ //此处_panel.add({});就是为Panel添加textfiled组件

                                                              id:"test_panel",

                                                              fieldLabel:"姓名" 

                                                     }));

     

                                                  }

                              }

                              }); 

     

     

               new Ext.Button({

     

                          renderTo:Ext.getBody(),

                          text:"confirm",

                           handler:function(){

                                  alert(Ext.getCmp("test_panel"),getValue());

                          }

     

            }); 

     

     

    7.render:在当前对象被真确构造后触发 example.6中 

     

    8. Ext.getCmp();获得对象属性的ID    example.6中

    9.Ext.getCmp("ID").getValue() 获得对象属性的值; example.6中

     

    ext经常写错的语法:

     

    一,使用listeners:{}时  会错误写成 listener:{};  后面多了分号这是错误写法

    二,使用构造方法时 如:test_panel.add(new Ext.form.TextFiled({}) );  写成test_panel.add(new Ext.form.TextFiled({});此处多了分号也是错误的);

     

     

                                                             

                                   

                                      

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     


    最新回复(0)