Title: How to allow only adjacent moves between two rows in Drag & Drop in Data grid
Post by: chorauoc on January 23, 2017, 11:48:33 PM
Hello, I would like to know how can i only allow adjacent drag & drops in data grid(means row 1 to row 2 etc), basically i want to prevent users drag & drop between distant rows (means rows 1 to row 3 etc). Currently i have achieved it by using simple logic but i would like to know whether it can be achieve using setup a property in easyui here my code <?php include './includes/header.php';?> <?php include './includes/nav.php';?> <div data-options="region:'center',title:'Cheklist',border:false" style="height:20px;padding:10px;"> <table id="dg" class="easyui-datagrid" title="DataGrid" style="width:auto;height:auto" url="get_users.php" rownumbers="false" data-options=" singleSelect:true, onLoadSuccess:function(){ $(this).datagrid('enableDnd');
}, onDrop:function(destRow,sourceRow,point){ if((sourceRow.fid-destRow.fid)==1 || (destRow.fid-sourceRow.fid)==1){ var dId = destRow.id; // get dropped row id var sId = sourceRow.id; // the dragged row id var destId = destRow.fid; // get dropped row id var sourceId = sourceRow.fid; // the dragged row id var destVal = destRow.val; // get dropped row id var sourceVal = sourceRow.val; // the dragged row id
$.post('save_user.php',{dId:dId,sId:sId,destId:destId,sourceId:sourceId,destVal:destVal,sourceVal:sourceVal,point:point},function(result){ if (result){ $.messager.show({ // show error message title: 'Success', msg: 'done' }); $('#dg').datagrid('reload'); } else { $.messager.show({ // show error message title: 'Error', msg: 'not done' }); } },'json');
}else{ $.messager.show({ // show error message title: 'Error', msg: 'Cannot move like that' }); $('#dg').datagrid('reload');
} } "> <thead> <tr> <th data-options="field:'id',width:80">ID</th> <th data-options="field:'val',width:100">Value</th> </tr> </thead> </table> </div> <?php include './includes/footer.php';?>
Title: Re: How to allow only adjacent moves between two rows in Drag & Drop in Data grid
Post by: stworthy on January 24, 2017, 07:07:20 AM
There are many events that can be used to custom your drag-drop behavior. Please look at this documentation http://www.jeasyui.com/extension/datagrid_dnd.php
|