来自 ASPxGridView 的 DevExpress 详细信息视图

【问题标题】：DevExpress details view from ASPxGridView来自 ASPxGridView 的 DevExpress 详细信息视图
【发布时间】：2012-07-16 21:55:22
【问题描述】：

首先，我是 DevExpress 的新手。我已经进行了大量搜索，但还没有找到我想要做的解决方案，即：从基于行键的 ASPxGridView 打开详细信息页面。

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

我已经完成了主网格。我还没想通的是

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

【问题讨论】：

标签： .net devexpress aspxgridview

【解决方案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>

【讨论】：