Jquery はドラッグ可能なショッピング カートを迅速に構築します DragDrop_jquery

このようにして、購入者は、興味のある商品をショッピング カートにドラッグするか、ショッピング カートの全体の価格と数量を更新しながらショッピング カートから商品を削除するだけで済みます。
次に、例を開始しましょう。この例では、データベースに接続してデータを読み取って製品を初期化するのではなく、次のようにいくつかの仮想製品を作成します。

コードをコピー コードは次のとおりです。

public class Product
{
public string Code { get;
パブリック文字列名 { 取得; }
パブリック二重価格 { セット; } 2. 製品リストの構築
[code]
public クラス Product
{
public string Name { get; >public string 説明 { get; set; }


3. DataList を作成し、List をバインドします。 >


コードをコピー


コードは次のとおりです:

RepeatDirection="水平" runat="server">

コード='<%# Eval("コード") %>' id='item_<%# Container.ItemIndex 1 %>'>

%# Eval( "コード") %>

<%# Eval("名前")

<%# Eval("説明") %>

$<%# Eval(" ") %> ;

private void BindData()
{
var products = GetProducts();
dlProducts.DataSource = products;
dlProducts.DataBind();
}


productItemStyle スタイル名
ItemIndex は連続した製品番号








4. ドラッグ可能な製品 Div を生成
最新の Jquery JS ファイルとそのファイルをダウンロードしますUI ファイル: