来自ASPxGridView的DevExpress详细信息视图

时间:2012-07-16 21:55:23

标签: .net devexpress aspxgridview

首先,我是DevExpress的新手。我已经做了相当多的搜索,但还没有找到我正在尝试做的解决方案:基于行键从ASPxGridView打开详细信息页面。

我已经看过子详细示例,但由于我有多个相关的表,每个表可能包含太多行,以便很好地嵌套在网格中,我想为此视图创建一个单独的页面。

我完成了主网格。我还没想到的是

  1. 如何根据行键在列中创建链接。
  2. 创建相关详细信息页面的最佳方式。

1 个答案:

答案 0 :(得分:1)

你可以在GridView中有一个列(其中包含一个超链接),点击它后会调用一个JavaScript函数。 JS函数执行相应的操作来提取详细信息视图,根据您的需要将其视为页面重定向或Ajax弹出详细信息视图。

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

JS代码......

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