使用 ASP+ DataGrid 控件来创建主视图/详细资料视图 (2)__教程 |
|
日期:2007-5-20 1:22:41 人气:84 [大 中 小] |
|
|
|
align="absmiddle"> </asp:RequiredFieldValidator> <asp:RegularExpressionValidator runat="server" ControlToValidate="priceText" Display="Dynamic" ValidationExpression="\$[0-9]+(\.[0-9][0-9]?)?"> <img src="http://www.mbsky.com/infoview/Error.gif" height="16" width="16" title="Invalid currency value" align="absmiddle"> </asp:RegularExpressionValidator> <asp:TextBox id="priceText" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "price", "{0:c}") %>' Width="45px" BorderStyle="Solid" BorderWidth="1px" BorderColor="Black"> </asp:TextBox> </template>
<property name="HeaderStyle"> <asp:TableItemStyle Width="50px"/> </property> <property name="ItemStyle"> <asp:TableItemStyle HorizontalAlign="Right"/> </property> </asp:TemplateColumn> </property> ... </asp:DataGrid>
控件的声明展示将 TemplateColumn 添加到 Columns 集合,以替代价格字段的 BoundColumn。 TemplateColumns 是 DataGrid 的另一扩展机制。可以将其用于对 DataGrid 所创建的表格式布局内所表现的 UI 进行完全定制。 TemplateColumn 还提供模板属性,比如 ItemTemplate 和 EditItemTemplate,从而您可以指定应当用于与列相关联的单元格内的控件。
在本例中, ItemTemplate 包含一个 Label 控件,其 Text 属性绑定到价格字段。这实质上在模仿 BoundColumn 的功能。
有意思的是, EditItemTemplate 模板用于处于编辑模式中的单元格。样例将一个 TextBox 放入已绑定到价格字段的模板中。这样就提供了与 BoundColumn 相同的功能。
模板包含各种各样的增强性能。首先,该模板允许对 TextBox 进行更大的控制,从而您可以创建在视觉上更有魅力的编辑 UI。其次,允许您放置验证控件,从而可以进行原地验证。在本样例中, RequiredFieldValidator 确保 TextBox 总是包含一个值,而 RegularExpressionValidator 确保文本包含一个有效的货币值。该功能的最令人兴奋的一个方面就是自动进行客户机端验证。 ASP+ 验证控件自动进行客户机端验证,并开启功能丰富的浏览器客户机上的错误指示器,从而无须往返过程和回落到为下级客户机进行服务器端验证。
Step7Page.cs:
namespace Samples { ...
public class Step7Page : Page {
// 处理书名网格中的 UpdateCommand 事件,以施用 // 所作的更改并结束编辑 (当页面处于有效状态时) protected void OnUpdateCommandTitlesGrid(object sender, DataGridCommandEventArgs e) { if (IsValid) { TextBox priceText = (TextBox)e.Item.FindControl("priceText"); string newPrice = priceText.Text.Substring(1);
DataSet ds = GetSessionData(); DataTable titlesTable = ds.Tables["Title"];
string titleID = (string)titlesGrid.DataKeys[e.Item.ItemIndex]; DataRow[] rows = titlesTable.Select("title_id = '" + titleID + "'"); DataRow editRow = rows[0];
editRow.BeginEdit(); editRow["price"] = newPrice; editRow.EndEdit(); editRow.AcceptChanges(); titlesGrid.EditItemIndex = -1; LoadTitlesGrid(); } } } }
对支持代码的唯一变更与继续对数据源进行更新之前检查页面的有效性有关。验证控件会自动更新页面的 IsValid 属性。
检查有效性是在 UpdateCommand 事件处理器中完成的。如第 6 步中所述,不采取任何动作就从事件处理器返回,会保持行的编辑模式。因此,当,且仅当页面处于有效状态时,才会执行所有的更新逻辑。
证实控件还会在无效时自动显示其错误消息,且无需编写任何补充代码。
--------------------------------------------------------------------------------
第 8 步: 定制列
正如到目前您所看到的, DataGrid 控件支持标准的列集,诸如 BoundColumn、 ButtonColumn 和 TemplateColumn。该控件还允许您用自己的列类型对控件进行扩展。这些新的列提供了高度的灵活性。这一步实施一个名为 ImageColumn 的定制列,该列用于在单元格中,为带有图象 URL 数据绑定的每行显示一个图象。 |
|
出处:本站原创 作者:佚名 |
|
|