W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
<script type="text/javascript" src="treegrid-dnd.js"></script>
<table title="Folder Browser" class="easyui-treegrid" style="width:700px;height:250px" data-options=" data: data, rownumbers: true, idField: 'id', treeField: 'name', onLoadSuccess: function(row){ $(this).treegrid('enableDnd', row?row.id:null); } "> <thead> <tr> <th data-options="field:'name'" width="220">Name</th> <th data-options="field:'size'" width="150" align="right">Size</th> <th data-options="field:'date'" width="200">Modified Date</th> </tr> </thead> </table>
該事件擴展自樹形網(wǎng)格(treegrid),下面是為樹形網(wǎng)格(treegrid)添加的事件。
名稱 | 參數(shù) | 描述 |
---|---|---|
onBeforeDrag | row | 當一行的拖拽開始前觸發(fā),返回 false 則取消拖拽。 |
onStartDrag | row | 當開始拖拽一行時觸發(fā)。 |
onStopDrag | row | 當停止拖拽一行后觸發(fā)。 |
onDragEnter | targetRow, sourceRow | 當拖拽一行進入某允許放置的目標行時觸發(fā),返回 false 則取消放置。 |
onDragOver | targetRow, sourceRow | 當拖拽一行在某允許放置的目標行上時觸發(fā),返回 false 則取消放置。 |
onDragLeave | targetRow, sourceRow | 當拖拽一行離開某允許放置的目標行時觸發(fā)。 |
onBeforeDrop | targetRow,sourceRow,point | 當一行被放置前觸發(fā),返回 false 則取消放置。 targetRow:放置的目標行。 sourceRow:拖拽的源行。 point:指示放置的位置,可能的值:'append'、'top' 或 'bottom'。 |
onDrop | targetRow,sourceRow,point | 當一行被放置時觸發(fā)。 targetRow:放置的目標行。 sourceRow:拖拽的源行。 point:指示放置的位置,可能的值:'append'、'top' 或 'bottom'。 |
該方法擴展自樹形網(wǎng)格(treegrid)。
名稱 | 參數(shù) | 描述 |
---|---|---|
enableDnd | id | 啟用行的拖拽與放置。 'id' 參數(shù)指示要被拖拽與放置的行。 如果該參數(shù)未指定,則拖拽與放置所有行。 |
jquery-easyui-treegrid-dnd.zip
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: