AUISoft에이유아이소프트
데모 본문으로 이동

드래깅 시작 시 나타나는 텍스트를 사용자 정의한 모습입니다.

// 드래깅 시작 이벤트 바인딩	
AUIGrid.bind(myGridID, "dragBegin", function (e) {
	const items = e.items;
	document.getElementById("elapse_b").textContent = `드래깅 시작 : ${items.length} row(s)`;
	// 드래깅 시 나타날 텍스트를 HTML 형식으로 작성
	const msg = `<ul class="my-drag-proxy-ul">
					${items.map(item => `
						<li>
							<span>${item.id}</span>
							<span>${item.name}</span>
							<span>${item.product}</span>
							<span>
								<img width="24" height="16" style="vertical-align:middle;" src="./assets/${item.flag}">
							</span>
						</li>
					`).join('')}
				</ul>`;
	return msg;
	//return false; // false 를 반환하면 드래깅 작업을 하지 않습니다. (동적 드래깅으로 활용하세요)
});