开发学院网页设计JavaScript Jquery快速构建可拖曳的购物车-DragDrop 阅读

Jquery快速构建可拖曳的购物车-DragDrop

 2009-12-01 00:00:00 来源:WEB开发网   
核心提示:那咱们就开始实例吧,本实例并没有链接数据库读取数据来初始化Products,而是创建了一些虚拟的商品如下:1、 创建Product实体类publicclassProduct{publicstringCode{get;set;}publicstringName{get;set;}publicstringDescripti

那咱们就开始实例吧,本实例并没有链接数据库读取数据来初始化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  下一页

Tags:Jquery 快速 构建

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接