DevExpress ASPxGridView 使用文档六：模板

最新推荐文章于 2019-12-04 13:43:58 发布
最新推荐文章于 2019-12-04 13:43:58 发布
阅读量2k 收藏
点赞数
分类专栏： 文章转载 文章标签： 文档 server templates object border class

-- ASPxGridView 模板
---------------------------------------------------------
ASPxGridView 提供以下几种自定义的模板视图
    EditForm    编辑窗口。弹出式或附加在原记录下面
    DetailRow   详细行。点击后以form方式查看记录的详细信息
    PreviewRow  预览行。原记录下进行简短描述
    DataRow     数据行视图。每一行的内容位置都是定制的。
    注：列模板请参考文档《ASPxGridView.Column》

数据行模板（DataRow, 类似ListView 卡片视图）
    <dxwgv:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="AccessDataSource1" KeyFieldName="EmployeeID" Width="100%">
        <Columns>
            <dxwgv:GridViewDataColumn FieldName="FirstName" VisibleIndex="1" />
            <dxwgv:GridViewDataColumn FieldName="Title" VisibleIndex="4" />
            <dxwgv:GridViewDataColumn FieldName="Notes" Visible="False" />
            <dxwgv:GridViewDataColumn FieldName="LastName" VisibleIndex="2" />
            <dxwgv:GridViewDataColumn FieldName="BirthDate" VisibleIndex="3"/>
            <dxwgv:GridViewDataColumn FieldName="HireDate" VisibleIndex="5"/>
        </Columns>
        <SettingsPager PageSize="5" />
        <Templates>
            <DataRow>
                <div style="padding:5px">
                    <table class="templateTable" cellpadding="2" cellspacing="1" >
                        <tr>
                            <td rowspan="4"><img alt="" src="CardView.aspx?Photo=<%# Eval("EmployeeID")%>"/></td>
                            <td class="templateCaption">First Name</td>
                            <td><%# Eval("FirstName") %></td>
                            <td class="templateCaption">Last Name</td>
                            <td><%# Eval("LastName")%></td>
                            
                        </tr>
                        <tr>
                            <td class="templateCaption">Title</td>
                            <td colspan="3"><%# Eval("Title")%></td>
                        </tr>
                        <tr>
                            <td class="templateCaption">Birth Date</td>
                            <td ><%# Eval("BirthDate")%></td>
                            <td class="templateCaption">Hire Date</td>
                            <td><%# Eval("HireDate")%></td>
                        </tr>
                        <tr>
                            <td colspan="4" style="white-space:normal"><%# Eval("Notes") %> </td>
                        </tr>
                    </table>
                </div>
            </DataRow>
        </Templates>
    </dxwgv:ASPxGridView>
    
编辑表单模板(EditForm)
    示例一：两个标签页，一个用标准的编辑面板，一个展示memo字段
        <Templates>
            <EditForm>
                <div style="padding:4px 4px 3px 4px">
                <dxtc:ASPxPageControl runat="server" ID="pageControl" Width="100%">
                <TabPages>
                    <dxtc:TabPage Text="Info" Visible="true">
                        <Controls>
                            <dxwgv:ASPxGridViewTemplateReplacement ID="Editors" ReplacementType="EditFormEditors" runat="server"></dxwgv:ASPxGridViewTemplateReplacement>
                        </Controls>
                    </dxtc:TabPage>
                    <dxtc:TabPage Text="Notes"  Visible="true">
                       <Controls>
                            <dxe:ASPxMemo runat="server" ID="notesEditor" Text='<%# Eval("Notes")%>' Width="100%" Height="93px"></dxe:ASPxMemo>
                       </Controls>
                    </dxtc:TabPage>
                </TabPages>
                </dxtc:ASPxPageControl>
                </div>
                <div style="text-align:right; padding:2px 2px 2px 2px">
                    <dxwgv:ASPxGridViewTemplateReplacement ID="UpdateButton" ReplacementType="EditFormUpdateButton" runat="server"></dxwgv:ASPxGridViewTemplateReplacement>
                    <dxwgv:ASPxGridViewTemplateReplacement ID="CancelButton" ReplacementType="EditFormCancelButton" runat="server"></dxwgv:ASPxGridViewTemplateReplacement>
                </div>
            </EditForm>
        </Templates>
        protected string GetMemoText() {
            ASPxPageControl pageControl = grid.FindEditFormTemplateControl("pageControl") as ASPxPageControl;
            ASPxMemo memo = pageControl.FindControl("notesEditor") as ASPxMemo;
            return memo.Text;
        }
        protected void grid_RowUpdating(object sender, DevExpress.Web.Data.ASPxDataUpdatingEventArgs e) {
            e.NewValues["Notes"] = GetMemoText();
        }
        protected void grid_RowInserting(object sender, DevExpress.Web.Data.ASPxDataInsertingEventArgs e) {
            e.NewValues["Notes"] = GetMemoText();
        }
    示例二
        <Templates>
            <EditForm>
                <div style="padding:4px 4px 3px 4px">
                    <table>
                        <tr>
                            <% if(!grid.IsNewRowEditing) { %>
                            <td rowspan="4">
                                <div style="border: solid 1px #C2D4DA; padding: 2px;"><img alt="" src="TwoWayBinding.aspx?Photo=<%# Eval("EmployeeID")%>" /></div>
                            </td>
                            <% } %>
                            <td style="white-space:nowrap">First Name</td>
                            <td style="width:50%"><dxe:ASPxTextBox runat="server" ID="edFirst" Text='<%# Bind("FirstName") %>' Width="100%" /> </td>
                            <td style="white-space:nowrap">Last Name</td>
                            <td  style="width:50%"><dxe:ASPxTextBox runat="server" ID="edLast" Text='<%# Bind("LastName") %>' Width="100%" /> </td>
                        </tr>
                        <tr>
                            <td>Title</td>
                            <td style="width:100%" colspan="3"><dxe:ASPxTextBox runat="server" ID="edTitle" Text='<%# Bind("Title") %>' Width="100%" /> </td>
                        </tr>
                        <tr>
                            <td style="white-space:nowrap">Birth Date</td>
                            <td style="width:50%"><dxe:ASPxDateEdit runat="server" ID="edBirth" Value='<%# Bind("BirthDate") %>' Width="100%" /> </td>
                            <td style="white-space:nowrap">Hire Date</td>
                            <td style="width:50%"><dxe:ASPxDateEdit runat="server" ID="edHire" Value='<%# Bind("HireDate") %>' Width="100%" /> </td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <dxe:ASPxMemo runat="server" ID="edNotes" Text='<%# Bind("Notes")%>' Width="100%" Height="100px" />
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="text-align:right; padding:2px 2px 2px 2px">
                    <dxwgv:ASPxGridViewTemplateReplacement ID="UpdateButton" ReplacementType="EditFormUpdateButton" runat="server" />
                    <dxwgv:ASPxGridViewTemplateReplacement ID="CancelButton" ReplacementType="EditFormCancelButton" runat="server" />
                </div>
            </EditForm>
        </Templates>

预览行模板(PreviewRow)
    <Templates>
        <PreviewRow>
            <table style="border:none">
                <tbody>
                <tr>
                    <td style="width:25%;border:none;color:Black"><img alt="" src="Preview.aspx?Photo=<%# Eval("EmployeeID")%>"/></td>
                    <td style="border:none;"><%# Container.Text %></td>
                </tr>
                </tbody>
            </table>
        </PreviewRow>            
    </Templates>


细节行模板(DetailRow: 主从视图Master-Detail)
    <dxe:ASPxCheckBox ID="chkSingleExpanded" runat="server" Text="Keep a single expanded row at a time" AutoPostBack="true" OnCheckedChanged="chkSingleExpanded_CheckedChanged" />
    <dxwgv:ASPxGridView ID="grid" ClientInstanceName="grid" runat="server" DataSourceID="masterDataSource" KeyFieldName="CustomerID">
        <Columns>
           <dxwgv:GridViewDataColumn FieldName="ContactName"  />
           <dxwgv:GridViewDataColumn FieldName="CompanyName"  />
           <dxwgv:GridViewDataColumn FieldName="City"  />
           <dxwgv:GridViewDataColumn FieldName="Country" />
        </Columns>         
        <Templates>
            <DetailRow>
                联系电话: <b><%# Eval("Phone")%></b>, 传真: <b><%# Eval("Fax")%></b><br/>
                <dxwgv:ASPxGridView ID="detailGrid" runat="server" DataSourceID="detailDataSource" KeyFieldName="OrderID" Width="100%" 
                    OnBeforePerformDataSelect="detailGrid_DataSelect" OnCustomUnboundColumnData="detailGrid_CustomUnboundColumnData">
                    <Settings ShowFooter="True" />
                    <SettingsDetail IsDetailGrid="true"/>
                    <Columns>
                        <dxwgv:GridViewDataColumn FieldName="OrderID" />
                        <dxwgv:GridViewDataColumn FieldName="OrderDate" />
                        <dxwgv:GridViewDataColumn FieldName="ShipName"  />
                        <dxwgv:GridViewDataColumn FieldName="Quantity" Name="Quantity" />
                        <dxwgv:GridViewDataTextColumn FieldName="UnitPrice" >
                            <PropertiesTextEdit DisplayFormatString="c" />
                        </dxwgv:GridViewDataTextColumn>
                        <dxwgv:GridViewDataTextColumn FieldName="Total" UnboundType="Decimal">
                            <PropertiesTextEdit DisplayFormatString="c" />
                        </dxwgv:GridViewDataTextColumn>
                    </Columns>
                    <TotalSummary>
                        <dxwgv:ASPxSummaryItem FieldName="CompanyName" SummaryType="Count"/>
                        <dxwgv:ASPxSummaryItem FieldName="Total" SummaryType="Sum" DisplayFormat="c"/>
                        <dxwgv:ASPxSummaryItem FieldName="Quantity" SummaryType="Sum" />
                    </TotalSummary>
                </dxwgv:ASPxGridView>
            </DetailRow>
        </Templates>
        <SettingsDetail ShowDetailRow="true"/>                
    </dxwgv:ASPxGridView>
    <asp:AccessDataSource ID="masterDataSource" runat="server" DataFile="~/App_Data/nwind.mdb"
        SelectCommand="SELECT * FROM [Customers]">
    </asp:AccessDataSource>
    <asp:AccessDataSource ID="detailDataSource" runat="server" DataFile="~/App_Data/nwind.mdb" 
        SelectCommand="SELECT * FROM [Invoices] Where CustomerID = ?">
        <SelectParameters>
            <asp:SessionParameter Name="CustomerID" SessionField="CustomerID" Type="String" />
        </SelectParameters>
    </asp:AccessDataSource>
    注意： detailGrid.SettingsDetail.IsDetailGrid = true 表明该grid是作为从表的数据表格用的
    // 主表数据绑定
    protected void Page_Load(object sender, EventArgs e) 
    {
        if(!IsPostBack) 
        {
            grid.DataBind();
            grid.DetailRows.ExpandRow(0);
        }
    }
    // 从表数据绑定
    protected void gridDetail_DataBinding(object sender, EventArgs e)
    {
        ASPxGridView grid = sender as ASPxGridView;
        if (grid != null)
        {
            int i = (int) grid.GetMasterRowKeyValue();
            grid.DataSource = GetProducts(i);
        }
    }
    // 从表数据选择？
    protected void detailGrid_DataSelect(object sender, EventArgs e) 
    {
        Session["CustomerID"] = (sender as ASPxGridView).GetMasterRowKeyValue();
    }
    // 从表定制列的展示
    protected void detailGrid_CustomUnboundColumnData(object sender, ASPxGridViewColumnDataEventArgs e) 
    {
        if(e.Column.FieldName == "Total") 
        {
            decimal price = (decimal)e.GetListSourceFieldValue("UnitPrice");
            int quantity = Convert.ToInt32(e.GetListSourceFieldValue("Quantity"));
            e.Value = price * quantity;
        }
    }
    // 控制从表的显隐
    protected void chkSingleExpanded_CheckedChanged(object sender, EventArgs e) 
    {
        grid.SettingsDetail.AllowOnlyOneMasterRowExpanded = chkSingleExpanded.Checked;
        if(grid.SettingsDetail.AllowOnlyOneMasterRowExpanded) 
        {
            grid.DetailRows.CollapseAllRows();
        }
    }

xueer8835
关注
专栏目录
DevExpress SpreadSheet 报表模板演示源码
03-15
DevExpress 强大的Excel工具SpreadSheetControl的报表模板设置演示的代码
DevExpress单据模板插件
luochen2523的博客
01-28 361
DevExpress单据模板插件 DevExpress16.1 自定义单据的显示样式
DevExpress项目管理框架
02-22
本项目为某宝上购买的个人觉得不错分享给大家，版本较老见谅。内含开发文档、仓库系统、权限管理、数据字典、共用类库、分页控件等。
自己制作的DevExpress实例，供DEV学习的人使用
12-13
本文件包括自己精心制作的十个DevExpress实例。供想学习DevExpress的学者使用，望我们共同进步！ 本实例包括DevExpress中比较重要的几种控件！愿大家共同进步！
DevExpress_ASPxGridView.rar_devexpress
09-22
在"DevExpress_ASPxGridView.rar_devexpress"压缩包中，包含了一个名为"DevExpress_ASPxGridView.docx"的文档，我们可以期待这个文档会详细讲解关于ASPxGridView的使用方法和技巧。下面将根据可能包含的内容，对...
DevExpress ASPxGridView 控件详解与使用技巧
最后，DevExpress官方提供了详细的文档和示例，这对于快速掌握ASPxGridView的使用非常有帮助。在遇到问题时，可以参考官方文档或访问其论坛获取解决方案。 DevExpress ASPxGridView是一个功能强大且灵活的数据呈现...
在运行时使用devexpress gridview创建详细信息网格模板
04-11
本篇将深入探讨如何在运行时使用DevExpress ASPxGridView创建详细信息网格模板，这对于处理复杂的多层次数据展示场景非常有用。 在ASP.NET中，详细信息网格模板（Master-Detail Grid）是一种常见的数据展现形式，它...
DevExpress ASPxGridView 全面教程与功能详解
DevExpress ASPxGridView 是一款由 DevExpress 公司提供的强大且功能丰富的 ASP.NET 网格控件，专为提高 Web 应用程序的用户体验而设计。它在控件类中具有显著的优势，包括： 1. **卓越性能** - DevExpress 提供的 ...
在AspxGridView中自定义编辑模板
longer123123的专栏
03-20 1662
http://delphires.blog.hexun.com/13647556_d.html
DEVEXPRESS ASPxGridView 中自定义EDITFORM的单元格验证
hmwz0001的博客
12-04 467
在项目开发中，我们经常习惯性的按照CS的习惯去思考BS的功能，比如：在某个页面中有下拉框是相互关联的，在某个下拉框选择后，我们希望看到相关其他控件做相应变化，并根据验证条件做出相应动作，那么在BS结构的WEBFORM中是如何做到的呢？实际上这是一个动态关联及验证问题。方法如下： 一、建好aspx页面,并设置相应属性 二、创建关键字段js动态验证代码 三、分别为相关控件设计数据变化事件 重点：Set...
如何使用编辑模板在ASPxGridView中进行新增修改（除去常规的gridviw模板编辑外）...
weixin_30502965的博客
12-27 174
aspgridview模板编辑效果图: //前端代码：（核心： <Templates><EditForm>.....中间可用栅格样式布局等（随意）...</Templates></EditForm>） //其中文本控件赋值为： <dx:ASPxSpinEdit ID="SE_BEGINAREA" runat="server" Numb...
Gridview利用DataFormatString属性设置数据格式
曹秉毅的blog
01-29 619
from: http://blog.sina.com.cn/s/print_4a5e327701000b56.html首先把Gridview的AutoGenerateColumns属性设为False（默认是False），DataField选择相应的字段，特别需要注意的是要把需要设置的字段的HtmlEncode属性设置为False，否则所设置的格式将无法显示，然后就可以设置每个字段的 DataF
ASP.NET 表单 (翻译)
dingbiebin1233的博客
09-15 212
Dino Esposito Form（表单）是ASP.NET开发中重要的组成部分－－没有Form就没有ASP.NET Web编程模型。Form不局限于纯粹的HTML，但是在ASP.NET中会受到一些限制。对于ASP.NET页面，Form可以提交自身，并且ASP.NET模型提供了控件状态管理和postback事件。由于ASP.NET的单一Form模型使得编写ASP.NET应用程序简单又便...
AspxGridView的EditForm模板使用
litao_hao的专栏
01-21 889
EditForm是一个可以自定义的模板 如果你建立一个EditForm模板，那么，在点编辑(Edit)或新建(New)的时候,就会进入到这里面来 1.下拉框的操作：如果想让下拉框默认值，一般的代码是不行的，要这样： protected void ASPxGridViewx_InitNewRow(object sender, DevExpress.Web.Data.ASPxDataInitNe
ASPxGridview使用总结(DEVExpress)（此篇为收集知识点--来源于博客园）
weixin_30608131的博客
12-27 197
一。ASPXGridView外观显示属性:Caption----列的标题（KeyFieldName----数据库字段SEOFriendly 是否启用搜索引擎优化Summary 指定分页汇总信息的格式 Setting节点的ShowFilterRow=True设置快速查找功能SettingsBehavior.AllowFocusedRow=true 高亮选中的行,即选中行变色SettingsBeh...
AspxGridView 相关问题总结
kimifdw的专栏
10-11 1073
以下是我目前在开发项目中使用AspxGridView中遇到的问题，现总结如下： 1.分页问题 在利用AspxGridVIew动态绑定数据时，需要利用onpageindexchanged事件来重新绑定数据源，代码如下 protected void searchbtn_Click(object sender, EventArgs e) { DataBindSear
ASPxTextBox中数据有效性设置
Winfredzhang的博客
10-14 316
1、选中ASPxTextBox控件: 2、设置属性，Validationsettings中errordisplaymode、requiredfield中errortext和isrequired： 3、结果： 4、总图：
DevExpress aspxGridView控件全解析：从基础到高级功能
本文档全面介绍了Dev Express的AspxGridView控件在Asp.Net Web应用程序中的使用方法。作为一款强大的数据绑定和展示工具，AspxGridView集成了多项功能，包括但不限于数据绑定、客户端/服务器端行维护、数据保存、行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值