当前位置: 主页 > 网页制作 > Javascript > Jquery构建可拖曳的购物车代码

Jquery构建可拖曳的购物车代码

时间:2009-12-21来源:互联网 点击:
那咱们就开始实例吧,本实例并没有链接数据库读取数据来初始化Products,而是创建了一些虚拟的商品如下:

  1、  创建Product实体类

public class Product
    {
        public string Code { get; set;  }
        public string Name { get; set; }
        public string Description { get; set; }
        public double Price { get; set; }
}

  2、  构建商品List<Product>

public class Product
    {
        public string Code { get; set;  }
        public string Name { get; set; }
        public string Description { get; set; }
        public double Price { get; set; }
}

  3、创建DataList并绑定List<Product>

<asp:DataList ID="dlProducts" RepeatColumns="3"
         RepeatDirection="Horizontal" runat="server">
 
    <ItemTemplate>
 
    <div class="productItemStyle" price=‘<%# Eval("Price") %>‘
         code=‘<%# Eval("Code") %>‘  id=‘item_<%# Container.ItemIndex + 1 %>‘>
    <li>
    <%# Eval("Code") %>
    </li>
    <li>
    <%# Eval("Name") %>
    </li>
    <li>
    <%# Eval("Description") %>
    </li>
 
     <li>
    {$selection}lt;%# Eval("Price") %>
    </li>
    </div>
 
    </ItemTemplate>
 
    </asp:DataList>
 
private void BindData()
{
    var products = GetProducts();
 
    dlProducts.DataSource = products;
    dlProducts.DataBind();
}

站长资讯网
.
分页: [1] [2]
TAG: Jquery 购物车
推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 留言