ExtJS中性子ページの親ページの要素を呼び出して、感があります.
3679 ワード
最近はExtJS関連のプロジェクトをやっていますが、JavaScript東に対しては本当に足りないことがたくさんありますので、この記事を書いて、ちょっと記録してみて、皆さんに助けてほしいです.
ExtJSではよくTabPanelを使う例がありますが、TabPanelの中の一つのPanelはJSPやHtmlなどのサブページをはめ込んでいます.私たちは時々子供ページで親ページに対する必要があります.
TabPanelは一定の操作を行います.例えば、TabPanelにPanelを追加します.このように、私達はサブページで親ページのTabPanelの対象を得ることができます.あるいは親ページですでに作成されたものが必要です.
TabPanelにPanelを追加する方法.
サブページではこれ以上話す必要はありません.普通はwindow.parent.XXXまたはwindow.parent.XXX()を使って親ページのオブジェクトまたは方法を取得します.
オブジェクトまたは方法 ),下記のコードのように(addTabはサブページfunction、gotoは親ページのfunction):
Ext.onReadyの外に置いてください.このように、いくつかの大域的な方法では、オブジェクトのサブページが有用です.私たちは親ページで大域的に設定して、使いやすいです.
ExtJSではよくTabPanelを使う例がありますが、TabPanelの中の一つのPanelはJSPやHtmlなどのサブページをはめ込んでいます.私たちは時々子供ページで親ページに対する必要があります.
TabPanelは一定の操作を行います.例えば、TabPanelにPanelを追加します.このように、私達はサブページで親ページのTabPanelの対象を得ることができます.あるいは親ページですでに作成されたものが必要です.
TabPanelにPanelを追加する方法.
サブページではこれ以上話す必要はありません.普通はwindow.parent.XXXまたはwindow.parent.XXX()を使って親ページのオブジェクトまたは方法を取得します.
オブジェクトまたは方法 ),下記のコードのように(addTabはサブページfunction、gotoは親ページのfunction):
1
function
addTab(url,proName,proId){
2
url
=
"
projectInfo.jsp?projectId=
"
+
url;
3
window.parent.goto(url,
"
"
,proName,proId,
'
4
'
);
4
};
時々私たちはwindow.parent.goto()を使って方法が得られないです.これはなぜですか?主にJSの作用領域の問題です.ExtJSでは、父ページは常にExt.onReady()の方法の一つを使っています.
1
Ext.onReady(
function
(){
2
function
goto(){
3
XXXXXXXXXX....
4
}
5
var
centerPanel
=
Ext.TabPanel();
6
})
この場所のgotoとセンターPanelはExt.onReadyエリアにあります.役割エリアもこの中にあります.全体的なものではないので、サブページではアクセスできません.アクセスするには方法と対象を教えてください.Ext.onReadyの外に置いてください.このように、いくつかの大域的な方法では、オブジェクトのサブページが有用です.私たちは親ページで大域的に設定して、使いやすいです.