Extensões EasyUI jQuery - árvore de linha de grade queda

Anterior: jQuery EasyUI Extensão - Data Grid Row queda

Seguinte: Extensões jQuery EasyUI - Temas

uso

Ele contém o arquivo 'TreeGrid-dnd.js'

<Script type = "text / javascript" src = "TreeGrid-dnd.js"> </ script>

Ativar arrastando e colocando

	<Title Tabela = "Browser Folder" class = "easyui-TreeGrid" style = "width: 700px; height: 250px"
			-opções de dados = "
				de dados: dados,
				rownumbers: verdadeiro,
				IDField: 'id',
				treeField: 'nome',
				onLoadSuccess: function (linha) {
					$ (Este) .treegrid ( 'enableDnd', linha row.id :? nulo);
				}
			">
		<Thead>
			<Tr>
				<-opções de dados Th = "campo: 'nome'" width = "220"> Nome </ th>
				<Th-opções de dados = "campo: 'size'" width = "150" align = "right"> Tamanho </ th>
				<Th-opções de dados = "campo: 'date'" width = "200"> Data de modificação </ th>
			</ Tr>
		</ Thead>
	</ Table>

evento

O evento se estende a partir da grelha de árvore (TreeGrid), são os seguintes eventos para a grelha de árvore (TreeGrid) adicionado.

名称	参数	描述
onBeforeDrag	row	当一行的拖拽开始前触发，返回 false 则取消拖拽。
onStartDrag	row	当开始拖拽一行时触发。
onStopDrag	row	当停止拖拽一行后触发。
onDragEnter	targetRow, sourceRow	当拖拽一行进入某允许放置的目标行时触发，返回 false 则取消放置。
onDragOver	targetRow, sourceRow	当拖拽一行在某允许放置的目标行上时触发，返回 false 则取消放置。
onDragLeave	targetRow, sourceRow	当拖拽一行离开某允许放置的目标行时触发。
onBeforeDrop	targetRow,sourceRow,point	当一行被放置前触发，返回 false 则取消放置。 targetRow：放置的目标行。 sourceRow：拖拽的源行。 point：指示放置的位置，可能的值：'append'、'top' 或 'bottom'。
onDrop	targetRow,sourceRow,point	当一行被放置时触发。 targetRow：放置的目标行。 sourceRow：拖拽的源行。 point：指示放置的位置，可能的值：'append'、'top' 或 'bottom'。