2014-07-23 3 views
0

I이 뷰 모델 usning knockout.js 내가 이름 링크열기 부분보기

의 클릭에 _AssetDetail 부분 뷰를 열 필요가 된 .js 파일에서

<td> 
    <div class="left CursorP ellipsis" style="float: left;" data-bind="text: 
    Name, attr: { 'title': Name },click:$root.eventHandlers.ViewDetail"></div> 


</td> 
<td data-bind="text: Description"></td> 
<td data-bind="text: Source"></td> 
<td data-bind="text: CapturedBy"></td> 
<td data-bind="text: Status"></td> 
<td data-bind="text: LastAccessedBy"></td> 

로드 부분보기 AssetList

this.ViewDetail = 함수() {

 self.SelectedAssetTodelete.removeAll(); 
     self.SelectedAssetTodelete.push(this); 
     window.location = "#assetId=" + this.Id; --This is opening the Partial view correctly but in the same tab 
    }; 

[링크 [assetDetailPage]입니다 안전/내용/카탈로그/상세?은 assetId = "+ this.Id

동일한 창 [window.location] 대신에, 위의 ViewDetail 함수 안에서이 링크를 사용하여 Modal Popup을 열 수있는 방법은 무엇입니까?

답변

0

iframe 태그를 사용하여 외부 콘텐츠를로드 할 수 있습니다.

<iframe width="300" height="300" 
    data-bind="attr: { src: 'Secure/Content/Catalog/Detail?assetId=' + Id }"></iframe> 

내가 모델 구조를 모르는, 당신은 Id() 또는 $parent.Id()Id를 교체해야 할 수 있습니다.

0

당신이 사용 JQuery와 같은 그것을 할 수

<iframe width="300" height="300" id="model" 
    data-bind=" 
     attr: { src: $root.LoadModel(Id) } 
"></iframe> 


self.LoadModel = function(id){ 
    var location = 'Secure/Content/Catalog/Detail?assetId='+id 
    $('#model').load(location) 
    return location 
} 
+0

이렇게하면 테이블의 동일한 행/열에 Iframe의 부분 페이지가 추가됩니다. 표의 첫 번째 열에있는 이름 링크를 클릭하면 모달 팝업 창에서 페이지를 열어야합니다. – MSK

0
  • 나도 같은 안전/컨텐츠/카탈로그/세부 사항 팝업을 열고 싶은 assetId = '+ 아이디 그리드에 이름 링크 클릭에; IFrame을로드하지 않습니다.