ext.getcmp中如何刪除獲取到的控件的簡單介紹

本文目錄一覽：

• 1、ext 創建window窗體 後，裡面很多textbox或combox，想用取消按鈕把輸入的內容清空後才關閉，取消事件怎麼
• 2、如何銷毀extjs窗體？
• 3、通過ext.getcmp() 取到button對象後 如何在其它地方弄出button click的效果？button本身好像沒有click方法
• 4、如何動態刪除Ext.TabPanel中的某個Items
• 5、Ext動態增加與刪除Panel中組件的問題。急~~ 解決後給加分~~~

ext 創建window窗體 後，裡面很多textbox或combox，想用取消按鈕把輸入的內容清空後才關閉，取消事件怎麼

在取消按鈕的Click事件裡面寫，

把清空內容的代碼寫在前面

如textbox1.text=“”;//清空textbox1.text裡面的內容

然後再寫關閉的this.close();//關閉當前窗體

如果是要隱藏就是this.Hide();//隱藏當前窗體

如何銷毀extjs窗體？

配置closeAction: ‘close’ 屬性

API中這樣講：

closeAction : String

當關閉按鈕被點擊時執行的操作。 默認的操作是’close’，這將把窗口從DOM中移除…

當關閉按鈕被點擊時執行的操作。 默認的操作是’close’，這將把窗口從DOM中移除並摧毀它。 另一個合法的選項是’hide’，這將簡單地隱藏窗口，通過 設置它的visibility為hidden，並且設置一個負數偏移量。 通過 show 方法可以讓窗口重新顯示。

1、觸發 beforedestroy  

這是一個可取消的事件，如果需要，可能通過提供事件代理來阻止組件被銷毀。 

2、調用 beforeDestroy 方法 

又一個模板方法，在子類中可以重新實現和調用父類的方法。 

3、移除事件監聽者（代理）

如果組件已被呈現，則移除它底層的 HTML 元素的事件監聽列表，然後將元素從 DOM中移除。

4、onDestroy 被調用

這個還是一個模板方法，在子類可以重新實現。這裡需要注意的是，容器類提供了一個默認的 onDestroy 實現，它會循環銷毀它的成員組。

5、組件實例從 ComponentMgr 中反註冊

不可以再通過 Ext.getCmp 獲取到對象實例。

6、destroy 事件被觸發

這只是一個簡單的提醒，表示組件銷毀成功。

7、移除 Component 上的事件代理

組件可以獨立於元素，自己擁有事件代理，如果存在則移除它們。

通過ext.getcmp() 取到button對象後 如何在其它地方弄出button click的效果？button本身好像沒有click方法

明白你的意思了。像document.getElementById(‘btn’).click();可以模擬按鈕點擊。

Ext中，Ext.getCmp()卻不行，我是用下面的方法解決的：

先寫一個function btn_click(){ 你的按鈕點擊需要執行的javascript代碼 }

Button的handler:function(){btn_click();}

其他需要執行Button模擬點擊的地方，直接調用btn_click()即可。

如何動態刪除Ext.TabPanel中的某個Items

可以添加iD 表示也可以添加name title 也可以;

然後調用 remove(‘這裡寫條件’);

var tabs = Ext.getCmp(‘ 這裡是tabPanal的ID’);

var tab = Ext.getCmp(‘ 這裡要刪除的panelID’);

tabs.remove(tab);也可以使用其他條件

tabs.remove(‘panel [name=’ssss’]’);

Ext動態增加與刪除Panel中組件的問題。急~~ 解決後給加分~~~

試試這樣

{

layout : ‘form’,

border : false,

id :’result_items’,

items : []

}

var panel = new Ext.Panel({

id : ‘itemPanel’,

layout : ‘form’,

border : false,

items : []

});

for(var j = 0; j dataList[0].items.length; j ++){

subPanel = getLink(dataList[0].items[j]);

Ext.getCmp(‘itemPanel’).add(subPanel);

}

Ext.getCmp(‘result_items’).add(panel);

最外層那個formpanel調用一下doLayout()方法。

要重新添加組件就先Ext.getCmp(‘result_items’).remove(Ext.getCmp(‘itemPanel’))

再像上面那樣做