Jquery는 드래그 가능한 장바구니를 빠르게 구축합니다. DragDrop_jquery

이런 방식으로 구매자는 관심 있는 품목을 장바구니로 드래그하거나 장바구니의 전체 가격과 수량을 업데이트하는 동안 장바구니에서 품목을 삭제하기만 하면 됩니다.
그럼 예제를 시작하겠습니다. 이 예제에서는 제품을 초기화하기 위해 데이터를 읽기 위해 데이터베이스에 연결하지 않고 다음과 같이 일부 가상 제품을 생성합니다.
1. 제품 엔터티 클래스 생성

코드 복사 코드는 다음과 같습니다.

public class Product
{
public string Code { get; }
공용 문자열 이름 { get; set; }
공용 문자열 { get; 2. 제품 목록
[code]
public class Product
{
public string Code { get set }
public string 설명 { get; }
public double Price }
}


3. >


코드 복사

코드는 다음과 같습니다.

RepeatDirection="Horizontal" runat="server">

code='<%# Eval("Code") %>' id='item_<%# Container.ItemIndex 1 %>'> %# Eval("코드") %>

<%# Eval("이름") %>
< ;li>
<%# Eval("설명") %>

$<%# 가격 ") %> ;

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


productItemStyle 이름
컨테이너. ItemIndex는 연속적인 제품 번호를 동적으로 생성합니다








4. 드래그 가능한 제품 Div 생성