我们注意到，尽管DetailsView控件有5个BoundFields——CategoryID, CategoryName, Description, NumberOfProducts和BrochurePath，但插入界面并不包含CategoryID，因为CategoryID列的InsertVisible属性为false。为什么会显示这4个列呢？因为ObjectDataSource调用的GetCategories()方法返回的就是这些列。当添加新类时，我们不希望用户为NumberOfProducts列指定值，此外，我们还希望让用户为新类上传图片和相关的PDF小册子。
在DetailsView里将NumberOfProducts列完成删除，再分别CategoryName列和BrochurePath列的HeaderText属性设置为“Category”和“Brochure”。将BrochurePath 转换为TemplateField，再添加一个TemplateField，设其HeaderText属性为“Picture”，把它放置在BrochurePath列和CommandField列之间。
图7：将DetailsView控件绑定到CategoriesDataSource，并启用插入功能（注：图片说明有误）
当你在“编辑列”对话框里将BrochurePath BoundField 转换为一个TemplateField后，该TemplateField将包含3个模板：ItemTemplate,EditItemTemplate和InsertItemTemplate，由于我们只需要InsertItemTemplate模板，将另外2个模板删除。如此，你的DetailsView控件的声明代码看起来应该像下面的这样：
<asp:DetailsView runat="server" AutoGenerateRows="False" DataKeyNames="CategoryID" DataSourceID="CategoriesDataSource" DefaultMode="Insert"> <Fields> <asp:BoundField DataField="CategoryID" HeaderText="CategoryID" InsertVisible="False" ReadOnly="True" SortExpression="CategoryID" /> <asp:BoundField DataField="CategoryName" HeaderText="Category" SortExpression="CategoryName" /> <asp:BoundField DataField="Description" HeaderText="Description" SortExpression="Description" /> <asp:TemplateField HeaderText="Brochure" SortExpression="BrochurePath"> <InsertItemTemplate> <asp:TextBox runat="server" Text='<%# Bind("BrochurePath") %>'></asp:TextBox> </InsertItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Picture"></asp:TemplateField> <asp:CommandField ShowInsertButton="True" /> </Fields> </asp:DetailsView>
为Brochure和Picture Fields添加FileUpload控件
当前，BrochurePath TemplateField的InsertItemTemplate模板包含一个TextBox，而Picture TemplateField并不包含任何的模板，我们为这2个TemplateField的InsertItemTemplate模板模板添加FileUpload控件。
从DetailsView控件的智能标签选择“编辑模板”，从下拉列表选择BrochurePath TemplateField的InsertItemTemplate模板，将模板里的TextBox删除，从工具箱拖一个FileUpload控件到页面，设其ID为BrochureUpload。类似的，为Picture TemplateField的InsertItemTemplate模板添加一个ID为PictureUpload的FileUpload控件。
图8：在InsertItemTemplate模板里添加一个FileUpload控件
完成添加后，这2个TemplateField的声明代码应该和下面的差不多：
<asp:TemplateField HeaderText="Brochure" SortExpression="BrochurePath"> <InsertItemTemplate> <asp:FileUpload runat="server" /> </InsertItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Picture"> <InsertItemTemplate> <asp:FileUpload runat="server" /> </InsertItemTemplate> </asp:TemplateField>
当用户添加一个新类时，我们希望确保上传的图片和说明小册子是恰当的文件类型。对说明小册子，必须是PDF类型；对图片，我们需要用户上传一个image文件。那是不是image文件必须是某个特定的类型呢，比如GIF或JPG？考虑到其它不同类型的文件，我们需要扩展表Categories的列以包含这些类型的文件，同时我们可以在页面DisplayCategoryPicture.aspx里通过Response.ContentType将这些文件发送到客户端。由于表Categories现在并没有这样的列，我们只有限制用户上传指定为某种类型的image文件。表Categories里现有的images为位图，不过使用JPG类型或许更恰当。
当用户上传的文件类型不正确时，我们将取消插入操作，并显示一个提示信息。在DetailsView控件下添加一个Label Web控件，设ID为UploadWarning，清除Text属性，设CssClass属性为“Warning”, 再将Visible和EnableViewState属性都设为false。Warning CSS定义在Styles.css里，作用是将文字显示为粗斜体，红色大号字。
注意：最理想的情况是将CategoryName和Description BoundFields都转换为TemplateFields，达到定制插入界面的目的。比如，对Description插入界面来说，使用一个允许分行的文本框或许更好；对CategoryName插入界面，因为CategoryName不允许为NULL值，我们应该添加一个RequiredFieldValidator控件，以确保输入类的名称。这些步骤都留给读者做练习，更深入的探讨请参考前面的教程之20《定制数据修改界面》
第6步：将上传的小册子保存在服务器的文件系统