부분 뷰를로드 할 때 javascript 호출

Question

ASP.NET MVC 애플리케이션이 있습니다. 응용 프로그램에는 단추가있는 페이지가 있습니다. 버튼을 클릭하면 부분 뷰가 창에 렌더링됩니다 (아래 참조). 보기 내에서 콤보 상자가 있고보기가 렌더링 된 후 콤보 상자를로드해야합니다. win.show() 후에 js를 호출하려고했으나 콤보를 렌더링하는 데 사용 된 텍스트 상자가 부분보기 안에 있기 때문에 작동하지 않습니다. js에 언제 전화해야합니까? 이에 관한 도움은 매우 감사하겠습니다. 감사!

var win; 
if (!win) { 
    win = new Ext.Window({ 
     layout: 'fit', 
     width: 750, 
     height: 630, 
     closeAction: 'hide', 
     plain: true, 
     autoLoad: { 
      url: '../SearchJob/SearchPanel' 
     }, 
     buttons: [{ 
      text: 'Submit', 
      handler: function() { } 
     }, { 
      text: 'Close Me', 
      handler: function() { 
       win.hide(); 
      } 
     }] 
    }); 
} 
win.show(this); 

} 

Answer 1

당신은 부분보기의 끝으로 < 스크립트> 태그를 추가 할 수 있습니다. 그렇게하면 부분 뷰가 완전히 렌더링 될 때까지 스크립트가 파싱/실행되지 않습니다.

Answer 2

Ext.Window에서 Afterrender 이벤트를 사용할 수 있습니까?

Answer 3

부분보기 내용을로드 할 때 autoLoad를 사용하기 때문에 부분보기 내용으로 응답을 받고 구성 요소/마크 업과 함께 업데이트 될 때까지 기다려야합니다. 윈도우의 업데이트 프로그램의 update 이벤트 ...

win.on('render', function(component) { 
    win.getUpdater().on('update', function(el, response) { 
      // Load Combo 
    }, win, {single:true}); 
}); 

[편집] 한 번만

var win; 
if (!win) { 
    win = new Ext.Window({ 
     layout: 'fit', 
     width: 750, 
     height: 630, 
     closeAction: 'hide', 
     plain: true, 
     autoLoad: { 
      url: '../SearchJob/SearchPanel' 
     }, 
     buttons: [{ 
      text: 'Submit', 
      handler: function() { } 
     }, { 
      text: 'Close Me', 
      handler: function() { 
       win.hide(); 
      } 
     }] 
    });  
    win.on('render', function(component) { 
     win.getUpdater().on('update', function(el, response) { 
       // Load Combo 
     }, win, {single:true}); 
    }); 
} 
win.show(this);