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

核心提示：那咱们就开始实例吧，本实例并没有链接数据库读取数据来初始化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();
}