jQuery EasyUI diperpanjang - grid data penurunan berturut-turut
jQuery EasyUI Diperpanjang
pemakaian
Ini berisi file 'datagrid-dnd.js'
<Script type = "text / javascript" src = "datagrid-dnd.js"> </ script>
Aktifkan menyeret dan menempatkan
<Class Tabel = "easyui-datagrid" title = "DataGrid" style = "width: 700px; height: 250px" Data-opsi = " singleSelect: benar, Data: data, onLoadSuccess: function () { $ (Ini) .datagrid ( 'enableDnd'); } "> <Thead> <Tr> <Th Data-opsi = "lapangan: 'Itemid', lebar: 80"> ID Item </ th> <Th Data-opsi = "lapangan: 'productid', width: 100"> Produk </ th> <Th Data-opsi = "lapangan: 'listprice', lebar: 80, menyelaraskan: 'benar'"> Daftar Harga </ th> <Th Data-opsi = "lapangan: 'unitcost', lebar: 80, menyelaraskan: 'benar'"> Satuan Biaya </ th> <Th Data-opsi = "lapangan: 'attr1', lebar: 250"> Atribut </ th> <Th Data-opsi = "lapangan: 'Status', lebar: 60, menyelaraskan: 'pusat'"> Status </ th> </ Tr> </ Thead> </ Table>
peristiwa
Acara ini diperpanjang dari grid data (datagrid), peristiwa berikut ini untuk jaringan data (datagrid) ditambahkan.
名称 | 参数 | 描述 |
---|---|---|
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'。 |
cara
Metode memperpanjang dari grid data (datagrid).
名称 | 参数 | 描述 |
---|---|---|
enableDnd | index |
启用行的拖拽与放置。 'index' 参数指示要被拖拽与放置的行。 如果该参数未指定,则拖拽与放置所有行。 代码实例: $('#dg').datagrid('enableDnd', 1); // enable dragging on second row $('#dg').datagrid('enableDnd'); // enable dragging all rows |
Ambil jQuery EasyUI contoh
jquery-easyui-datagrid-dnd.zip
jQuery EasyUI Diperpanjang