2012-07-16 3 views
0

우선, 저는 DevExpress를 처음 사용합니다. 상당한 양의 검색을 수행했지만 아직 수행하려고 시도하고있는 솔루션을 찾지 못했습니다. 행 키를 기반으로 ASPxGridView에서 세부 정보 페이지를 엽니 다.ASPxGridView의 DevExpress 세부 정보보기

자식 세부 예제를 보았습니다. 그러나 관련 테이블 각각에 너무 많은 행이 포함되어 그리드에 적절히 중첩되어 표시 될 수 있으므로이보기에 대해 별도의 페이지를 만들고 싶습니다.

마스터 그리드가 완료되었습니다. 내가 아직 알아 내지 못한 것은

  1. 행 키를 기반으로하는 열에 링크를 만드는 방법입니다.
  2. 관련 세부 정보 페이지를 만드는 가장 좋은 방법입니다.

답변

1

클릭하면 JavaScript 기능을 호출하는 GridView에 열이있을 수 있습니다 (하이퍼 링크가 있음). JS 함수는 적절한 동작을 수행하여 세부 사항보기를 가져 오며, 필요에 따라 페이지 리디렉션 또는 Ajax 팝업 세부 사항보기를 표시합니다. JS 코드

<dxwgv:GridViewDataTextColumn Caption="Details"> 
    <EditFormSettings Visible="False" /> 
    <DataItemTemplate> 
     <a href="showDetails('<%# Container.KeyValue.ToString() %>')"> Show Details </a> 
    </DataItemTemplate> 
</dxwgv:GridViewDataTextColumn> 

...

<script type="text/javascript"> 
    function showDetails(rowId){ 
     //Your Logic of how to display Details for the Row id 
    }  
</script> 
관련 문제