网上购物系统（Task010）——FormView编辑更新商品详细信息

源代码：13033480群共享

一、前期准备

编辑商品信息属于管理功能，管理功能的网页最好单独放在一个文件夹中，为此，做一些准备工作：

1、修改母版页中的路径为绝对路径

2、复制Controls中的ItemDetailsControl.ascx，改名为ItemManageControl.ascx

3、在ItemManageControl.ascx中的FormView的ItemPlate模板中添加三个LinkButton按钮，编辑、新建、删除。设置一下单元格右对齐，会美观一点。

4、临时在ItemDetails.aspx中添加代码：

Response.Redirect("Manager/ItemManage.aspx" + Request.Url.Query);

5、Web中新建文件夹Manager，并添加ItemManage.aspx，引用母版页

二、编辑EditItemTemplate模板，可直接将模板ItemTemplate复制过来进行修改，添加必要的文本框、下拉列表框，模板代码如下：

（注意：<%@OutputCacheDuration="100000"VaryByParam="page;categoryId"%>页面缓存要去掉，否则，嘿嘿嘿）

    <EditItemTemplate>
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td height="18" width="18">
                </td>
                <td height="18" width="96">
                </td>
                <td height="18" width="18">
                </td>
                <td height="18" width="96">
                </td>
                <td height="18" width="180">
                </td>
            </tr>
            <tr>
                <td style="height: 18px" width="18">
                </td>
                <td rowspan="8" width="96">
                    <asp:Image ID="imgItem" runat="server" AlternateText='<%# Eval("Name") %>' Height="144"
                        ImageUrl='<%# Eval("Image") %>' Width="144" /></td>
                <td style="height: 18px" width="18">
                </td>
                <td colspan="2" style="height: 18px">
                    <asp:FileUpload ID="fupImage" runat="server" Width="80%" />
                    <asp:Button ID="btnUpload" runat="server" OnClick="btnUpload_Click" Text="上传" /></td>
            </tr>
            <tr>
                <td width="18">
                </td>
                <td width="18">
                </td>
                <td width="96">
                    商品类别：</td>
                <td width="180">
                    <asp:DropDownList ID="ddlCategories" runat="server" 
                    AutoPostBack="True" 
                    OnSelectedIndexChanged="ddlCategories_SelectedIndexChanged">
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td width="18">
                </td>
                <td width="18">
                </td>
                <td width="96">
                    商品名称：</td>
                <td width="180">
                    <asp:TextBox ID="txtName" runat="server" Text='<%# Bind("Name") %>'></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="18">
                </td>
                <td width="18">
                </td>
                <td width="96">
                    商品价格：</td>
                <td width="180">
                    <asp:TextBox ID="txtPrice" runat="server" Text='<%# Bind("Price") %>'></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="18">
                </td>
                <td width="18">
                </td>
                <td width="96">
                    商品描述：</td>
                <td width="180">
                    <asp:TextBox ID="txtDescn" runat="server" Text='<%# Bind("Descn") %>'></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="18">
                </td>
                <td width="18">
                </td>
                <td width="96">
                    供应时间：</td>
                <td width="180">
                    <asp:TextBox ID="txtSupplyTime" runat="server" Text='<%# Bind("SupplyTime") %>'></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="18">
                </td>
                <td width="18">
                </td>
                <td width="96">
                    供应日期：</td>
                <td width="180">
                   <asp:TextBox ID="txtSupplyDate" runat="server" Text='<%# Bind("SupplyDate") %>'></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="18">
                </td>
                <td width="18">
                </td>
                <td width="96">
                    供应地区：</td>
                <td width="180">
                    <asp:TextBox ID="txtSupplyArea" runat="server" Text='<%# Bind("SupplyArea") %>'></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td height="18" width="18">
                </td>
                <td height="18" width="96">
                </td>
                <td height="18" width="18">
                </td>
                <td height="18" width="96">
                </td>
                <td height="18" width="180" align="right">
                    <asp:LinkButton ID="lbtnDelete" runat="server" CommandName="Update" Text="更新" />
                    <asp:LinkButton ID="lbtnNew" runat="server" CommandName="Cancel" Text="取消" />
                </td>
            </tr>
        </table>
    </EditItemTemplate>

三、ItemManageControl.ascx的后台代码：

代码页的主任是读取前台窗体的值，主要是FileUpload控件和DropDownList控件的值，两个值，分别使用了ViewState存储了信息。读取数据的时候，注意，如果用户没有做修改，刚使用原来的值，这个值放在了privatestaticIList<ItemDetails> itemdetails =newList<ItemDetails>();中。

using System;
using System.Web;
using System.Web.UI.WebControls;
using System.Collections.Generic;

using WestGarden.DAL;
using WestGarden.Model;

namespace WestGarden.Web
{
    public partial class ItemManageControl : System.Web.UI.UserControl
    {
        private static IList<ItemDetails> itemdetails = new List<ItemDetails>();

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                BindFormView();
                ViewState["ImageUrl"] = null;
                ViewState["SelectedCategoryId"] = null;
            }
        }

        protected void fvwItemDetails_ModeChanging(object sender, FormViewModeEventArgs e)
        {
            switch (e.NewMode)
            {
                case FormViewMode.Edit:
                    this.fvwItemDetails.ChangeMode(FormViewMode.Edit);
                    BindFormView();
                    DropDownList ddl = (DropDownList)fvwItemDetails.FindControl("ddlCategories");
                    BindDropDownList(ddl);
                    break;
                case FormViewMode.ReadOnly:
                    this.fvwItemDetails.ChangeMode(FormViewMode.ReadOnly);
                    BindFormView();
                    break;
                default:
                    break;
            }
        }
        protected void fvwItemDetails_PreRender(object sender, EventArgs e)
        {
        }

        protected void ddlCategories_SelectedIndexChanged(object sender, EventArgs e)
        {
            DropDownList ddl = (DropDownList)fvwItemDetails.FindControl("ddlCategories");
            ViewState["SelectedCategoryId"] = ddl.SelectedValue;

        }

        protected void btnUpload_Click(object sender, EventArgs e)
        {
            FileUpload fup = (FileUpload)fvwItemDetails.FindControl("fupImage");

            if (fup.HasFile)
            {
                fup.SaveAs(Server.MapPath("~/Images/Items/") + fup.FileName);

                Image img = (Image)fvwItemDetails.FindControl("imgItem");
                img.ImageUrl = "~/Images/Items/" + fup.FileName.ToString();
                ViewState["ImageUrl"] = "~/Images/Items/" + fup.FileName.ToString();
            }
            else
            {
                Response.Write("<script>alert('请先浏览并选择图片')</script>");
            }
        }

        protected void fvwItemDetails_ItemUpdating(object sender, FormViewUpdateEventArgs e)
        {
            if (ViewState["ImageUrl"] != null)
            {
                itemdetails[0].Image = ViewState["ImageUrl"].ToString();
            }

            if (ViewState["SelectedCategoryId"] != null)
            {

                DropDownList ddl = (DropDownList)fvwItemDetails.FindControl("ddlCategories");
                itemdetails[0].CategoryId = ViewState["SelectedCategoryId"].ToString();
            }

            TextBox txtname = (TextBox)fvwItemDetails.FindControl("txtName");
            itemdetails[0].Name = txtname.Text;

            TextBox txtPrice = (TextBox)fvwItemDetails.FindControl("txtPrice");
            itemdetails[0].Price = decimal.Parse(txtPrice.Text);

            TextBox txtDescn = (TextBox)fvwItemDetails.FindControl("txtDescn");
            itemdetails[0].Descn = txtDescn.Text;

            TextBox txtSupplyTime = (TextBox)fvwItemDetails.FindControl("txtSupplyTime");
            itemdetails[0].SupplyTime = txtSupplyTime.Text;

            TextBox txtSupplyDate = (TextBox)fvwItemDetails.FindControl("txtSupplyDate");
            itemdetails[0].SupplyDate = txtSupplyDate.Text;

            TextBox txtSupplyArea = (TextBox)fvwItemDetails.FindControl("txtSupplyArea");
            itemdetails[0].SupplyArea = txtSupplyArea.Text;


            Item item = new Item();
            item.UpdateItem(itemdetails[0]);

            fvwItemDetails.ChangeMode(FormViewMode.ReadOnly);

            BindFormView();
            ViewState["ImageUrl"] = null;
            ViewState["SelectedCategoryId"] = null;
        }


        private void BindFormView()
        {
            int itemKey = int.Parse(Request.QueryString["itemId"]);
            Item item = new Item();
            itemdetails = item.GetItemDetailsByItemId(itemKey);
            fvwItemDetails.DataSource = itemdetails;
            fvwItemDetails.DataBind();
        }

        private void BindDropDownList(DropDownList ddl)
        {
            ddl.DataSource = new Category().GetCategories();
            ddl.DataTextField = "Name";
            ddl.DataValueField = "CategoryId";
            ddl.DataBind();

            string selectcategory = Request.QueryString["categoryId"].ToString();
            if (selectcategory != null)
            {
                ListItem selectedItem = ddl.Items.FindByValue(selectcategory);
                if (selectedItem != null)
                    selectedItem.Selected = true;
            }
        }
    }
}

四、数据访问层DAL中的Item.cs类中添加更新函数UpdateItem()，代码如下：

        public void UpdateItem(ItemDetails item)
        {
            SqlParameter[] parms;
            parms = new SqlParameter[]
            {
                new SqlParameter("@ItemId",SqlDbType.Int),
                new SqlParameter("@CategoryId",SqlDbType.VarChar,20),
                new SqlParameter("@Name",SqlDbType.VarChar,80),
                new SqlParameter("@Price",SqlDbType.Decimal,10),
                new SqlParameter("@Image",SqlDbType.VarChar,80),
                new SqlParameter("@Descn",SqlDbType.VarChar,80),
                new SqlParameter("@SupplyTime",SqlDbType.VarChar,80),
                new SqlParameter("@SupplyDate",SqlDbType.VarChar,80),
                new SqlParameter("@SupplyArea",SqlDbType.VarChar,80)
            };

            parms[0].Value = item.ItemId;
            parms[1].Value = item.CategoryId;
            parms[2].Value = item.Name;
            parms[3].Value = item.Price;
            parms[4].Value = item.Image;
            parms[5].Value = item.Descn;
            parms[6].Value = item.SupplyTime;
            parms[7].Value = item.SupplyDate;
            parms[8].Value = item.SupplyArea;

            SqlHelper.ExecuteNonQuery(SqlHelper.ConnectionStringLocalTransaction, CommandType.Text, SQL_UPDATE_ITEM, parms);
        }

版权所有©2012,西园电脑工作室.欢迎转载,转载请注明出处.更多文章请参阅博客http://blog.csdn.com/yousuosi