jQuery EasyUI erweitert - Datenstartreihe Drop
jQuery EasyUI Erweiterte 
Verwendung
Es enthält "Datagrid-dnd.js 'Datei
<Script type = "text / javascript" src = "Datagrid-dnd.js"> </ script>
Aktivieren Ziehen und Platzierung
<Table class = "easyui-Datagrid" title = "Datagrid" style = "width: 700px; height: 250px" Daten-Optionen = "
singleSelect: true,
Daten: Daten,
onLoadSuccess: function () {
$ (This) .datagrid ( 'enableDnd');
}
">
<Thead>
<Tr>
<Th Daten-Optionen = "Feld: 'itemid, Breite: 80"> Item ID </ th>
<Th Daten-Optionen = "Feld: 'productid, Breite: 100"> Produkt </ th>
<Th Daten-Optionen = "Feld: 'gelisteter', Breite: 80, ausrichten: 'right'"> Listenpreis </ th>
<Th Daten-Optionen = "Feld: 'Unitcost", Breite: 80, ausrichten:' right ' "> Kosten pro Einheit </ th>
<Th Daten-Optionen = "Feld: 'attr1, Breite: 250"> Attribut </ th>
<Th Daten-Optionen = "Feld:" Status ", Breite: 60, ausrichten:" Zentrum ""> Status </ th>
</ Tr>
</ Thead>
</ Table>
Ereignis
Die Veranstaltung aus dem Datenraster erweitert (Datagrid), werden die folgenden Ereignisse für das Datenraster (Datagrid) hinzugefügt.
| 名称 | 参数 | 描述 |
|---|---|---|
| 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：指示放置的位置，可能的值：'top' 或 'bottom'。 |
| onDrop | targetRow,sourceRow,point |
当一行被放置时触发。 targetRow：放置的目标行。 sourceRow：拖拽的源行。 point：指示放置的位置，可能的值：'top' 或 'bottom'。 |
Weg
Die Methoden reichen von der Datengitter (Datagrid).
| 名称 | 参数 | 描述 |
|---|---|---|
| enableDnd | index |
启用行的拖拽与放置。 'index' 参数指示要被拖拽与放置的行。 如果该参数未指定，则拖拽与放置所有行。 代码实例：
$('#dg').datagrid('enableDnd', 1); // enable dragging on second row
$('#dg').datagrid('enableDnd'); // enable dragging all rows
|
Download von jQuery EasyUI Beispiele
jquery-easyui-datagrid-dnd.zip
jQuery EasyUI Erweiterte