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):
      

  
    
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の外に置いてください.このように、いくつかの大域的な方法では、オブジェクトのサブページが有用です.私たちは親ページで大域的に設定して、使いやすいです.