GridView购物车使用js进行产品数量的增加问题

wj1o22 2012-03-19 02:39:55
我用GridView和js做的购物车产品数量的加减 可是当产品个数为一行时 产品的总价的值不变只有小计的值变化
另一个问题是 产品数量使用加号和减号进行改变后 跳转到订单那页时 购物中产品的数量为1 哪位前辈麻烦给看看吧
下面是代码
aspx页 code


  <script type="text/javascript">

      function jia(ele) {

          tr = ele.parentNode;

          while (tr.nodeType != 1 || tr.tagName != "TR") tr = tr.parentNode;

          num = tr.cells[5].getElementsByTagName("input")[0];

          var t = parseInt(num.value, 10);

          if (isNaN(t)) num.value = 0;

          else num.value = t + 1;

          countRow(tr)

      }

      function jian(ele) {

          tr = ele.parentNode;

          while (tr.nodeType != 1 || tr.tagName != "TR") tr = tr.parentNode;

          num = tr.cells[5].getElementsByTagName("input")[0];

          var t = parseInt(num.value, 10);

          if (isNaN(t)) num.value = 0;

          else {

              if (t < 1) return;

              num.value = t - 1;

          }

          countRow(tr)

      }

      function bian(ele) {

          tr = ele.parentNode;

          while (tr.nodeType != 1 || tr.tagName != "TR") tr = tr.parentNode;

          countRow(tr)

      }



      function countRow(row) {

          price = parseFloat(row.cells[3].innerHTML);

          if (isNaN(price)) {

              row.cells[6].innerHTML = "0"

              return;

          }

          num = row.cells[5].getElementsByTagName("input")[0];

          t = parseInt(num.value, 10);

          if (isNaN(t)) t = 0;

          row.cells[6].innerHTML = roundPrice(price * t);

          CountAll();

      }

      function CountAll() {

          var total = 0;

          table = document.getElementById('<%=GridView1.ClientID %>');

          if (table.rows.length < 3) return;

          for (i = 1; i < table.rows.length; i++) {

              p = parseFloat(table.rows[i].cells[6].innerHTML);

              if (isNaN(p)) p = 0;

              total += p;

           

          }

          document.getElementById('<%=TotalPrice.ClientID %>').innerHTML = roundPrice(total);

        

      }



      function roundPrice(x) {

          return Math.round(x * 100) / 100;

      }

  </script>



<body>

                 <td>

            	    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 

                        DataKeyNames="ProductCode" Width="1052px" 

                         onrowdeleting="GridView1_RowDeleting" CssClass="No" 

                         onrowdatabound="GridView1_RowDataBound" >

                        <Columns>

                            <asp:BoundField DataField="ProductCode" HeaderText="商品编号"  >

                            </asp:BoundField>

                            <asp:ImageField DataAlternateTextField="ProImage" DataImageUrlField="ProImage" 

                                DataImageUrlFormatString="../UploadFile/img/{0}" HeaderText="商品图片">

                            </asp:ImageField>

                             <asp:BoundField DataField="ProductName" HeaderText="商品名称" />

                             <asp:TemplateField HeaderText="价格">

                            <ItemTemplate>

                            <%#Eval("MallPrice") %>

                            </ItemTemplate>

                            </asp:TemplateField>

                            <asp:BoundField DataField="Intergral" HeaderText="赠送积分" />

                            <asp:TemplateField HeaderText="商品数量">

                              <ItemTemplate>

                                <a href="#" onclick="jian(this);return false;">-</a>

                                <input type="text" id="num" value='<%#Eval("Num")%>' onchange="bian(this)" />

                                <a href="#" onclick="jia(this);return false;">+</a>

                              </ItemTemplate>

                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="小计">

                              <ItemTemplate>

                              </ItemTemplate>

            </asp:TemplateField>

                            <asp:CommandField HeaderText="删除此商品" ShowDeleteButton="True" >

                            <ControlStyle BorderWidth="0px" Width="40px" />

                            </asp:CommandField>

                        </Columns>

                    </asp:GridView>


cs页code


public partial class Store_ShopCart : System.Web.UI.Page

{

    DataTable cart;

    DataTable cartTable;





    Farm.BLL.MarketProduct c = new Farm.BLL.MarketProduct();

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            BindShopCart();

        }



    }



    //绑定购物车

    void BindShopCart()

    {

        if (Session["Cart"] == null)

        {

            this.ImageButton1.Visible = false;

            this.Label1.Text = "您还没有购买任何产品！";

        }

        else

        {

            cartTable = (DataTable)Session["Cart"];

            if (cartTable.Rows.Count == 0)

            {

                this.Label1.Visible = true;

                this.Label1.Text = "您的购物车上还没有装东西！";

                this.ImageButton1.Visible = false;

                this.GridView1.Visible = false;



                //this.TotalPrice.Text = "0.00";

            }

            else

            {

                this.Label1.Visible = false;

                this.ImageButton1.Visible = true;

                this.GridView1.Visible = true;





                //创建一个数据表

                cart = new DataTable();



                DataColumn c1 = new DataColumn("ProductCode");

                DataColumn c2 = new DataColumn("ProImage");

                DataColumn c3 = new DataColumn("ProductName");

                DataColumn c4 = new DataColumn("MallPrice");

                DataColumn c5 = new DataColumn("Intergral");

                DataColumn c6 = new DataColumn("Num");





                //把每行的数据添加到数据表中

                cart.Columns.Add(c1);

                cart.Columns.Add(c2);

                cart.Columns.Add(c3);

                cart.Columns.Add(c4);

                cart.Columns.Add(c5);

                cart.Columns.Add(c6);



                //int i = 1;商品在购物车上的序号

                int Intergral = 0;

                //float price;//商品单价

                //int num;//商品数量

                //float TPrice = 0;//商品总价

                //float total = 0;//商品总数





               //创建数据行 执行

                DataRow row;

                foreach (DataRow dr in cartTable.Rows)

                { 

                    //获取图片

                    int id = Convert.ToInt32(dr["ProductCode"].ToString());

                    string sql = string.Format("select ProImage from MarketProduct where id='{0}'", id);

                    string flag = Farm.DBUtility.DbHelperSQL.GetSingle(sql).ToString();

                    //创建一个新行

                    row = cart.NewRow();

                    row["ProductCode"] = dr["ProductCode"];

                    row["ProImage"] = flag;

                    row["ProductName"] = dr["ProductName"];

                    row["MallPrice"] = dr["MallPrice"];

                    row["Intergral"] = Intergral;

                    row["Num"] = dr["Num"];

                    

                    //把创建的行添加到表中



                    cart.Rows.Add(row);

                }

                this.GridView1.Visible = true;

                this.GridView1.DataSource = cart.DefaultView;

                this.GridView1.DataBind();

                TotalPrice.Text = totalCount.ToString();

                

            }



        }

    }



    protected void ImageButton1_Click(object sender, ImageClickEventArgs e)

    {

        if (Session["Cart"] == null)

        {

            Farm.Common.JScript.MessageBox.Show(this, "不好意思，您的购物车为空！");

            return;

        }

        else

        {

            Session["Cart"] = null;

            //this.TotalPrice.Text = "0.00";

            this.Response.Redirect("index.aspx");

        }

    }

    protected void ImageButton2_Click(object sender, ImageClickEventArgs e)

    {

        Response.Redirect("index.aspx");

    }



    /// <summary>

    /// 对应的行删除事件

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)

    {

        if (Session["Cart"] == null)

        {

            this.Response.Redirect("index.aspx");

            return;

        }

        else

        {

            cartTable = (DataTable)Session["Cart"];

            cartTable.Rows[e.RowIndex].Delete();





            

            //重新绑定购物车

            Session["Cart"] = cartTable;

            BindShopCart();

        }

    }

    decimal totalCount = 0;

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

    {

        if (e.Row.RowType == DataControlRowType.DataRow)

        {

            String n = DataBinder.Eval(e.Row.DataItem, "Num").ToString();

            String price = DataBinder.Eval(e.Row.DataItem, "MallPrice").ToString();

            int num = 0;

            Int32.TryParse(n, out num);

            decimal MallPrice = Convert.ToDecimal(price);

            totalCount += num * MallPrice;

            e.Row.Cells[6].Text = (num * MallPrice).ToString();

           

        }

        

        if (e.Row.RowType == DataControlRowType.DataRow)

        {

            ((LinkButton)(e.Row.Cells[7].Controls[0])).Attributes.Add("onclick", "return confirm('确定要删除吗？')");

            this.TotalPrice.Text = null;

        }



      

    }
...全文
414 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
wj1o22 2012-03-20
  • 打赏
  • 举报
 回复
孟老师啊 十分感谢你的帮助 谢谢
wj1o22 2012-03-20
  • 打赏
  • 举报
 回复
楼上两位现在再改已经晚了 呵呵 谢谢两位提醒 以后注意
yyl8781697 2012-03-20
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 gaind 的回复:]
我的建议：

web绑定别用gridview，这个控件产生的垃圾代码太多，要绑定也用repeater

购物车别用JS，如果客户购物车有产品想买，临时有事换电脑，那么他只能下次重新选产品

所以购物车里面的产品进出最好是存数据库
[/Quote]
++支持，GV这个控件太大了，建议直接页面输出html或者repeater
购物车的信息存在数据库里面
朕赐你肥皂 2012-03-20
  • 打赏
  • 举报
 回复
我的建议：

web绑定别用gridview，这个控件产生的垃圾代码太多，要绑定也用repeater

购物车别用JS，如果客户购物车有产品想买，临时有事换电脑，那么他只能下次重新选产品

所以购物车里面的产品进出最好是存数据库
wj1o22 2012-03-20
  • 打赏
  • 举报
 回复
你好 还得向你请教 我的session还是不能绑定 在购物车中变化数量以后跳转页面数量又成为最初的session值了 我用了很多方法都不能实现 麻烦你 在给看看好么
wj1o22 2012-03-19
  • 打赏
  • 举报
 回复
嗯嗯 谢谢了 唉…… 真是太麻烦你了…… 看来我这个程序员是白当了
孟子E章 2012-03-19
  • 打赏
  • 举报
 回复
你应该在加减的时候，采用Cookie去记录数量
或者ajax更新到数据库中
孟子E章 2012-03-19
  • 打赏
  • 举报
 回复
if (table.rows.length < 3) return;
改成
if (table.rows.length < 2) return;

原来带页脚的，现在不带了，要改成2
asp.net GridView实现购物车功能，下载就能用
下载就能用，可以实现数量的改变，总价的计算，功能完善！
c#购物车模块(sql2005)
完整的一个购物车系统完整的一个购物车系统完整的一个购物车系统
购物车代码
用C#语言实现购物车，在其中用户可以查看、修改或者删除订单等操作
ASP.NET购物车案例.zip
用ASP.NET和JavaScript完成的简单购物车案例，可以实现全选商品、增加减少商品数量、自动计算总价钱，可供大家参考
实现网站购物车的源码
使用ASP.NET实现网站购物车功能，有完整代码，也可学习购物车思想
.NET社区

62,268

社区成员

668,981

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章