`
chenxueyong
  • 浏览: 342107 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

Ext.extend()的运用

EXT 
阅读更多

 
 FormSet_Tabpage_SimpleSelGrid= Ext.extend(Ext.grid.GridPanel,{
            selwindow:null,
            constructor:function(obj){
                     //  if (this.selwindow ==null ) selwindow= new FormSet_Tabpage_SimpleSelGridWindow( obj );         
                     FormSet_Tabpage_SimpleSelGrid.superclass.constructor.call(this,{
                                                                        plain:true,
                                                                        basecls:'x-plain',
                                                                        bodyStyle : 'padding:6px', 
                                                                        store: obj.gridstore,  //动态store
                                                                        cm: obj.gridcm,   //动态cm
                                                                        autoHeight :true,
                                                                        autoWidth:true, 
                                                                        trackMouseOver:false,
                                                                        viewConfig: {forceFit: true  }, 
                                                                        loadMask: true, 
                                                                        autoScroll:true ,
                                                                        windowLock:false,
                                                                        listeners:{  
                                                                                     celldblclick:function(){alert(99); this.rowdblclick }
                                                                  }, 
                                                                        bbar: new Ext.PagingToolbar({
                                                                       pageSize: obj.gridpageSize,  //动态每页显示数
                                                                       store:  obj.gridstore,       //动态store
                                                                       displayInfo: true,
                                                                       displayMsg: '第{0}-{1}条记录 共{2}',
                                                                       emptyMsg: "没有记录信息"
                                                                       }),
                                                                        sm: new Ext.grid.RowSelectionModel({
                                                                                    singleSelect:true
                                                                             })                    
                                                                });
                                                               
                 },
        rowdblclick:function(){
                alert(88);
        }           
    }) ;
 
 FormSet_Tabpage_SimpleSelGridWindow=Ext.extend(Ext.Window,{
  selgrid: null, //new FormSet_Tabpage_SimpleSelGrid(obj),
  constructor:function( obj ){
                      this.selgrid = new FormSet_Tabpage_SimpleSelGrid(obj);
             FormSet_Tabpage_SimpleSelGridWindow.superclass.constructor.call(this,{
                                                 plain:true,
                                                 title:"选择窗口",
                                                 closeAction :'hide',
                                                 autoScroll:true ,
                                                 width:300,
                                                 modal:true,
                                                 height:400,
                                                 items:  this.selgrid ,
                                                 buttons:[ {
                                                             text:'确定',
                                                             handler:this.onSubmitclick ,
                                                             scope:this },
                                                            {
                                                             text:'取消',
                                                             handler:this.onCancelclick,
                                                             scope:this
                                                            }
                                                         ]
                                                         }) ;
          this.addEvents("submit"); //构造函数中添加事件                                           
                }, //end function 
  close:function(){
                 this.hide();
               },
     onSubmitclick:function(){
                   var gridrec= this.selgrid.getSelectionModel().getSelected() ;
                   this.fireEvent("submit",this, gridrec ) ; //添加事件
                   //alert( Ext.encode( gridrec.data ) )
                   this.close();
                  } ,
     onCancelclick:function(){
                    alert(999);
                    this.close();
                  }   
 
})

分享到:
评论

相关推荐

    Ext一些方法的重写

    在JavaScript的世界里,`Ext` 是一个非常知名的库,它为Web开发提供了丰富的组件和工具。...在深入研究`ext-extend.js`文件内容时,你将更全面地了解`Ext`库在实践中的运用,以及如何通过方法重写实现类的灵活定制。

    Ext.js核心函数详解.pdf

    6. `Ext.extend(Object subclass, Object superclass, [Object overrides])`: 这是实现JavaScript继承的关键函数。`subclass`是子类,`superclass`是父类,`overrides`是子类要覆盖或扩展父类的方法。它创建了一个新...

    Ext继承和扩展

    在JavaScript中,面向对象编程是实现复杂功能和代码复用的重要机制。`Ext`是一个流行的JavaScript库,它提供了丰富的UI组件和强大的数据管理...了解并熟练运用这些机制,将有助于提升`Ext`应用的开发效率和代码质量。

    ExtJs.doc 扩展介绍 英文

    在文档中,主要讨论了两个核心概念:`xtype` 和 `Ext.extend()`。 **xtype 的含义与用途** `xtype` 是 ExtJS 中的一个关键特性,它代表了一个类(Class)的别名或者标识名称。当你定义了一个类,比如 `Ext.ux....

    Ext继承分析

    在ExtJS中,`Ext.extend()` 是一个核心的函数,用于实现类之间的继承机制。它允许你创建新的类(子类),这些类将继承另一个类(父类)的属性和方法。这个功能对于构建复杂的JavaScript应用程序至关重要,因为它提供...

    jQuery中$.extend()用法实例

    在jQuery库中,`$.extend()`是一个非常实用的方法,它用于合并两个或更多对象的属性到一个目标对象中。这个方法允许我们方便地...通过深入理解并合理运用`$.extend()`,我们可以编写更加高效且易于维护的jQuery代码。

    无废话ExtJs 系列教程十八[继承:Extend]

    继承在ExtJS中的实现主要基于`Ext.extend()`方法,这个方法是ExtJS提供的一个静态方法,它允许一个类(子类)继承另一个类(父类)的所有属性和方法。通过`Ext.extend()`,我们可以定义新的类,同时保留和扩展已存在...

    ext面向对象和继承

    EXTJS中的继承是通过`Ext.extend()`或`Ext.createByAlias()`实现的。继承允许子类重写或扩展父类的方法和属性。例如,我们可以创建一个新的按钮类,继承自EXTJS的`Ext.button.Button`: ```javascript MyButton = ...

    extjs3.4如何创建对象

    EXTJS中的所有对象都是由`Ext.extend()`函数或`Ext.apply()`函数来创建的。例如,如果你要创建一个简单的Panel对象,可以这样做: ```javascript var myPanel = Ext.extend(Ext.Panel, { title: '我的面板', ...

    4.0Ext 类系统

    1. **旧式继承** 传统的 `Ext.extend` 方法用于创建新类,如 `var MyWindow = Ext.extend(Object, {...})`。但这种方式仅支持基本的继承,不支持更复杂的类配置。 2. **新式声明** 新的类系统引入了更全面的 API,...

    Ext树创建说明.rar

    var NodeModel = Ext.data.Model.extend({ fields: ['text'] }); Ext.create('Ext.tree.Panel', { title: '我的树', width: 200, height: 300, store: store, rootVisible: true, renderTo: Ext.getBody...

    ExtJS的extend(Ext Designer的使用)

    ExtJS的`extend`特性是其核心的面向对象机制之一,它允许我们在JavaScript中创建类的继承链。在Ext Designer的环境下,这个概念尤为重要,因为...在实际项目中,合理运用`extend`能显著提高开发效率并降低代码复杂度。

    Ext继承和扩展写的例子。

    Ext.extend(MyField, Ext.form.field.Base, { // 新的配置选项和方法 }); ``` 2. **Ext扩展**: 扩展(Extending)则更侧重于在运行时向现有类添加新的功能,而无需创建全新的类。这通常通过实现`Ext.override...

    javascript 写类方式之八

    在JavaScript中,面向对象编程是通过构造函数和原型来实现的。`Ext.extend`是Ext.js库提供的一种方便的方式...在实际开发中,尤其是使用Ext.js框架时,理解并熟练运用`Ext.extend`对于提升开发效率和代码质量至关重要。

    Ext2 核心 API 中文详解

    tx.data.ListStore = Ext.extend(Ext.data.Store, { constructor: function() { // superclass call tx.data.ListStore.superclass.constructor.call(this, { sortInfo: { field: 'listName', direction: "ASC...

    ext入门学习.docx

    2. **类定义**:可以使用传统的JavaScript构造函数方式定义类,也可以使用Ext的`Ext.extend`方法实现继承。 3. **对象扩展**:`Ext.apply`可以用来向对象动态添加属性和方法。 **五、元素选择与获取** 1. **Ext....

    ext继承重写

    这些实例可以帮助开发者深入理解EXT JS的继承机制,并熟练运用到实际项目中,提高代码的复用性和可维护性。 总结起来,EXT JS的`extend`机制让我们能够构建一个类层次结构,有效地组织和管理代码,而方法的重写则...

    Ext实现java的面向对象实例

    使用`extend`关键字来指定父类,如`Ext.extend('SubClass', 'SuperClass')`。 7. **类实例方法重写**:在子类中,可以重写父类的实例方法,以实现不同的功能。在Ext中,你可以直接在子类中定义相同的方法名来实现...

    extjs的spinner

    Ext.extend(Ext.ux.form.Spinner.TimeStrategy, Ext.ux.form.Spinner.DateStrategy, { format: "H:i", incrementValue: 1, incrementConstant: Date.MINUTE, alternateIncrementValue: 1, ...

Global site tag (gtag.js) - Google Analytics