DevExpress的详细信息视图从ASPxGridView
问题描述:
首先,我是新来的DevExpress。我已经做搜索了相当数量的,但还没有发现什么,我试图做的是解决方案:打开从ASPxGridView基于断行键的详细信息页面。DevExpress的详细信息视图从ASPxGridView
我见过的孩子详细的例子,但因为我有多个相关的表的每一个可包含太多行被很好地显示嵌套在网格中,我想这个视图中创建一个单独的页面。
我有主表格来完成。我还没有想出的是
- 如何根据行键创建列中的链接。
- 创建相关的详细信息页面的最佳方式。
答
你可以在GridView中有一个列(带有一个超链接),它被点击后调用JavaScript函数。该JS函数做相应的动作拉起详细信息视图,其colud是页转到或按您的需求,一个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>