Ext自定义组件调用方法问题

新手,第一次使用EXT自定义扩展组件,请大家帮的看看,代码大体如下

Ext.namespace("eddy.ms.UserInfoPanel");
eddy.ms.UserInfoPanel = function(config) {
var searchForm = new Ext.FormPanel({
...
});

var ds = new Ext.data.Store({
...
});

var grid = new Ext.grid.GridPanel({
...
ds:ds
...
});

Ext.apply(this, {
frame: true,
width: 300,
height: 300,
layout: 'border',
items:[searchForm, grid]
});

eddy.ms.UserInfoPanel.superclass.constructor.apply(this, arguments);
}

Ext.extend(eddy.ms.UserInfoPanel, Ext.Panel, {

onRender: function() {
eddy.ms.UserInfoPanel.superclass.onRender.apply(this, arguments);
},

  loadData:function() {
  [size=large][size=small] [b] //我想在这个方法里面使用上面的searchForm和grid,该怎么弄[/b][/size][/size]
  }

});

1个回答

把searchForm和ds都注入到this就可以了,亦即把
[code="javascript"]
var searchForm = new Ext.FormPanel({
...
});

var ds = new Ext.data.Store({
...
});
[/code]
改成
[code="javascript"]
var searchForm = this.searchForm = new Ext.FormPanel({
...
});

var ds = this.ds = new Ext.data.Store({
...
});
[/code]
酱紫就可以在那个loadData体内访问到this.searchForm跟this.ds了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ext自定义组件问题
[code=JScript]rn//////////////////////////////////////////////////////////////// rn// 功能名称:LISTVIEW rn// 功能说明:LISTVIEW rn// 调用xtype: 'complistview', rn// store: [[1, 'One'], [2, 'Two'], [3, 'Three']], rn// 创 建 人:mysoul rn// 创建时间:2010-03-18 rn//////////////////////////////////////////////////////////////// rnrnEuroa.component.ComponentListView = Ext.extend(Ext.ListView, rn defaultType: 'textfield', rn initComponent : function() rn Ext.ux.ComponentListView.superclass.initComponent.call(this); rn this.components = []; rn , rn refresh : function() rn Ext.destroy(this.components); rn this.components = []; rn Ext.ux.ComponentListView.superclass.refresh.apply(this, arguments); rn this.renderItems(0, this.store.getCount() - 1); rn , rn onUpdate : function(ds, record) rn var index = ds.indexOf(record); rn if(index > -1) rn this.destroyItems(index); rn rn Ext.ux.ComponentListView.superclass.onUpdate.apply(this, arguments); rn if(index > -1) rn this.renderItems(index, index); rn rn , rn onAdd : function(ds, records, index) rn var count = this.all.getCount(); rn Ext.ux.ComponentListView.superclass.onAdd.apply(this, arguments); rn if(count !== 0) rn this.renderItems(index, index + records.length - 1); rn rn , rn onRemove : function(ds, record, index) rn this.destroyItems(index); rn Ext.ux.ComponentListView.superclass.onRemove.apply(this, arguments); rn , rn onDestroy : function() rn Ext.ux.ComponentDataView.onDestroy.call(this); rn Ext.destroy(this.components); rn this.components = []; rn , rn renderItems : function(startIndex, endIndex) rn var ns = this.all.elements; rn var args = [startIndex, 0]; rn for(var i = startIndex; i <= endIndex; i++) rn var r = args[args.length] = []; rn for(var columns = this.columns, j = 0, len = columns.length, c; j < len; j++) rn var component = columns[j].component; rn c = component.render ? rn c = component.cloneConfig() : rn Ext.create(component, this.defaultType); rn r[j] = c; rn var node = ns[i].getElementsByTagName('dt')[j].firstChild; rn if(c.renderTarget) rn c.render(Ext.DomQuery.selectNode(c.renderTarget, node)); rn else if(c.applyTarget) rn c.applyToMarkup(Ext.DomQuery.selectNode(c.applyTarget, node)); rn else rn c.render(node); rn rn if(c.applyValue === true) rn c.applyValue = columns[j].dataIndex; rn rn if(Ext.isFunction(c.setValue) && c.applyValue) rn c.setValue(this.store.getAt(i).get(c.applyValue)); rn c.on('blur', function(f) rn this.store.getAt(this.index).data[this.dataIndex] = f.getValue(); rn , store: this.store, index: i, dataIndex: c.applyValue); rn rn rn rn this.components.splice.apply(this.components, args); rn , rn destroyItems : function(index) rn Ext.destroy(this.components[index]); rn this.components.splice(index, 1); rn rn); rnExt.reg('complistview',Euroa.component.ComponentListView); rn[/code]rnrn我想知道第一句(Euroa.component.ComponentListView = Ext.extend(Ext.ListView, )中的Euroa.component.ComponentListView是什么意思,我页面在调用的时候,会报Euroa的找不到,这个是要提前准备什么?rn
ext的自定义组件问题
[code=JScript]Ext.namespace('JpkFrame.common');rnrnJpkFrame.common.JpkImgLabel = Ext.extend(Ext.BoxComponent, rn initComponent: function() rn JpkFrame.common.JpkImgLabel.superclass.initComponent.call(this);rn this.addEvents('click');rn ,rn onRender: function(ct, position) onRender是渲染,可我不知道去掉为什么不可以,而且里面还有两个参数干嘛的rnrn if (!this.el) //this.el是表示什么啊,el是元素我知道,可this.el我不知道是他哪个元素rn this.el = document.createElement('img');rn this.el.src = this.src; //这句话我也不理解,为什么 this.el.src = this.srcrn if (this.forId) //this.forId我也不知道哪来的rn this.el.setAttribute('htmlFor', this.forId); //这句我也不知道要干嘛rn rn rnrn JpkFrame.common.JpkImgLabel.superclass.onRender.call(this, ct, position);rnrn Ext.fly(this.el).on('click',function() //这个也希望大家解释一下rn this.fireEvent('click', this); //这个也希望大家解释一下rn ,rn this);rn rn);rnrnExt.reg('JpkImgLabel', JpkFrame.common.JpkImgLabel);rn[/code]
EXT 自定义组件
我在系统中要多处用到这个支付的操作,想弄成一个组件,方便调用,请问应该如何弄呢?rnrn....rn ,layout : 'column',rn border : false,rn items : [rn columnWidth : .25, rn layout : 'form',rn labelWidth : 65, rn defaultType : 'textfield',rn border : false,rn items : [fieldLabel :'银行名称',name:'bankName',id:'bankName',allowBlank:true,anchor:'99%',xtype : 'textfield',readOnly:true,hidden:truern ,fieldLabel :'银行名称',name:'bankName1',id:'bankName1',allowBlank:true,anchor:'99%',xtype : 'textfield',readOnly:true,hidden:true]rn ,rn columnWidth : .25, rn layout : 'form',rn labelWidth : 65, rn defaultType : 'textfield',rn border : false,rn items : [fieldLabel :'收款帐户',name:'receivableAccounts',id:'receivableAccounts',allowBlank:true,anchor:'98%',xtype : 'textfield',cls:'changInput',readOnly:true,hidden:truern ,fieldLabel :'付款帐户',name:'paymentAccount',id:'paymentAccount',allowBlank:true,anchor:'98%',xtype : 'textfield',cls:'changInput',readOnly:true,hidden:true]rn ,rn columnWidth : .25, rn layout : 'form',rn labelWidth : 65, rn defaultType : 'textfield',rn border : false,rn items : [fieldLabel :'收款人',name:'receivablePersonName',id:'receivablePersonName',allowBlank:true,anchor:'98%',xtype : 'textfield',readOnly:true,hidden:truern ,fieldLabel :'付款人',name:'paymentPersonName',id:'paymentPersonName',allowBlank:true,anchor:'98%',xtype : 'textfield',readOnly:true,hidden:true]rn ,rn columnWidth : .25, rn layout : 'form',rn labelWidth : 65, rn defaultType : 'textfield',rn border : false,rn items : [fieldLabel :'开户银行',name:'openBankName',id:'openBankName',allowBlank:true,anchor:'98%',xtype : 'textfield',readOnly:true,hidden:truern ,fieldLabel :'开户银行',name:'openBankName1',id:'openBankName1',allowBlank:true,anchor:'98%',xtype : 'textfield',readOnly:true,hidden:true]rn ],rn layout : 'column',rn border : false,rn items : [rn columnWidth : .50, rn layout : 'form',rn labelWidth : 65, rn defaultType : 'textfield',rn border : false,rn items : [fieldLabel :'收款人',name:'collectionName',id:'collectionName',allowBlank:true,anchor:'99%',xtype : 'textfield',hidden:true]rn ,rn columnWidth : .50, rn layout : 'form',rn labelWidth : 65, rn defaultType : 'textfield',rn border : false,rn items : [fieldLabel :'付款人',name:'paymentName',id:'paymentName',allowBlank:true,anchor:'98%',xtype : 'textfield',hidden:true]rn rn ]..............
Ext之自定义组件,之Render
[code=&quot;javascript&quot;]/** * 数据字典 代码到名称的翻译 * author zgl 2014-02-24 * * 【用法】 * 定义 var cameraTypeRender = new Ext.rtt.dictionary.RendererMultiple('com.rtt.emergency.resource.model.Carmera.type...
ext 自定义组件封装思路
//命名空间 Ext.namespace('Ext.MyComponent'); Ext.MyComponent.MyGridPanel=function(config){ //grid用到的数据如url stroe 等 if(config)config={}; this.url=config.url;; this.store=config.url; this.pagi...
Ext继承--Ext自定义组件的书写方式
环境:Windows XP sp3、Tomcat 6.0、IE 7、MyEclipse 5.5、Ext 3.2 使用步骤: 1、下载解压之后,使用IDE导入工程 2、发布到Web服务器、并且启动服务器 3、打开IE之后在地址输入:http://localhost:8080/ExtCumstomComponent/ 4、如果一切正常,你会到看自定义的面板出来浏览器 目的:该示例非常详细注释说明Ext的面向对象的编程方式,使用继承,然后重写父类的方法,以及注册自定义事件说明Ext框架是事件驱动的框架编程。 阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路,熟悉JavaScript编程
Ext之自定义组件,之ComboBox之Ajax查询
[code=&quot;javascript&quot;] //类型 var sto = new Ext.data.JsonStore({ id:'ds', totalProperty:'totalProperty', root:'root', url:'/commplat/json_service.do', ba...
急需 一个完整ext自定义组件的例子
急需 一个完整ext自定义组件的例子rnrn因为有一个FormPanel 每个页面都会使用到 现想把它改成组件
自定义组件问题
作自定义组件时,发现default不好用?rnrn如:property Text: string read FText write SetText default '0';rn
自定义组件的问题
我现在想实现类似delphi中form继承那样的功能rn比如说我自己创建一个list组件,它继承自原始的Tlist,同时为他赋初始值rn在使用的时候,可以很方便的从组件面板上拖拉,rn现在在的问题是,在我改变组件初始值并重新编译之后rn我已经使用了该组件的form里该组件的值并没有改变,但是我重新拖一个进来,里面的值却是改变了的rn有什么办法能够像form继承那样,只要改变了,其他的就跟着改变呢?
自定义组件问题。。。
[img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/onion/3.gif][/img]rnrn纯粹的AS3自定义组件,,。。怎么样才能运行像MXML文件那样的效果,,,有代码示例的给我个小程序。。。。
自定义组件的问题?
这是一个例子:Math.vb,编译后为Math.dll,放在bin目录下。rnImports SystemrnImports System.DatarnNamespace MathTotalrn Public Class MathArn Public Function addnum(ByVal Num1 As Integer, ByVal Num2 As Integer) As Integerrn If Num1 > Num2 Thenrn Return Num1rn Elsern Return Num2rn End Ifrn End Functionrn End ClassrnEnd Namespacernrn在webform1.aspx里<%@ Import Namespace="MathTotal" %>rn但是在webform1.aspx.vb里dim math as new MathA,MathA下总有波浪线,说明出错。rnrn高手指点一下好吗!!!
调用方法问题
想定义一个 ClearAllBooks的方法,调用clearrn public void ClearAllBooks()rn rnrn al.Clear(bookstore);rn return;rn rn在主函数里 bookStore.ClearAllbooks(); 却不能用,听教原因
自定义组件
一、静态props 子组件 &amp;lt;template&amp;gt; &amp;lt;div class=&quot;app-container&quot;&amp;gt; &amp;lt;div class=&quot;panel-default&quot;&amp;gt; &amp;lt;div class=&quot;panel-head&quot;&amp;gt; &amp;lt;h3&amp;gt;{{title}}&amp;lt;/h3&amp;gt;
调用方法
[code=C#]rn private void jine_tbx_Leave(object sender, EventArgs e)rnrn ......................rnrn[/code]rnrn我现在想调用这个方法,该怎么写呢?
this调用方法
this指的是包含它的函数作为方法被调用时所属的对象 在对象方法中的 this,this 的绑定只受最靠近的成员引用的影响,总结就是就近原则。 function sayName() { console.log(this.name); } let obj = { aa: { name: 'aa', sayName: sayName...
调用方法?
例如在DataGrid1_DeleteCommand方法里调用DataGrid1_SelectedIndexChanged方法rn可以在DataGrid1_DeleteCommand的代码里插入this.DataGrid1_SelectedIndexChanged();rn但报错rnc:\inetpub\wwwroot\DBacess\WebForm1.aspx.cs(237): 重载“DataGrid1_SelectedIndexChanged”方法未获取“0”参数rn
关于调用自定义组件的问题
我的网站挂在万网虚拟的主机中,主机系统为Unix,PHP5rn我需要调用一个自定义组件,怎么弄???rn请求大神的帮助!!!!!!
自定义组件属性问题
我想给自定义组件添加这样一个属性,就像Textbox的AutoCompleteCustomSource属性一样,点击是跳出一个“字符串集合编辑器”,怎样实现啊大神们。
自定义组件的图像显示问题?
我从Twincontrol继承的组件,想动态显示图像(因别的原因不能从TGraphiControl控件继承),但是显示的图像要随控件的大小而缩放,类似image的stretch属性设置成true后的功能.怎么实现?rn下面的部分代码:rnFBitmap.create; rnFBitmap.LoadFromfile('C:\tmp.bmp');rn.....rn Canvas.Brush.Style:=bsSolid;rn Canvas.Brush.Color :=clwhite;rn Canvas.FillRect(Canvas.ClipRect);rn Canvas.TextOut(0,0,'图像');rn Canvas.Draw(0, 0, FBitmap);rn....
自定义组件的属性问题
我自己编写了一个组件,其中定义了一个属性,想在属性编辑中以树形结构(最是一个属性前有一个+号,展开以后还有子属性)对他进行编辑,应该如何实现这个属性.急,谢谢rn
一个自定义组件的问题
我定义了一个组件rn组件继承TextBoxrn接着在InitializeComponent方法中添加以下代码rnthis.BackColor = Color.Black;rnrn然后生成 okrn创建一个windowsapplication 使用自定义的组件 okrnrn现在我在组件的InitializeComponent方法中给组件添加TextChange事件rnrn最后生成rnrn接着在windowsapplication中使用自定义的组件时 rnvs.net直接死掉 并关闭rn这是为什么rn是不是组件中不能添加事件的实现
WEB自定义组件界面问题
WEB自定义组件从组件中继承,是不输出可见的用户界面的,那在VS的设计器中,如果是自定义的组件,会有个设计窗体出来,这个是干什么用的?拉入控件后,并不会在用户界面中输出呀?
自定义组件click事件问题
我从Tgraphiccontrol继承来的组件TS,其中click,DblClick事件在TS中声明了一下。rn问题是:rnrn在TS中的Click,Dblclick中添加的代码可以执行。在应用这个组件的时候添加的代码就不能执行了,rn百思不得其解,请大家帮忙
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数