easyui框架下table，每行实现上下移动

最新推荐文章于 2024-10-08 18:10:56 发布

原创

最新推荐文章于 2024-10-08 18:10:56 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#php #CodeIgniter #easyui #table选项上下移动

本文介绍如何在EasyUI框架的表格中实现数据行的上下移动功能。通过JavaScript函数`danganconf_scan_upload_maintable1_up`和`danganconf_scan_upload_maintable1_down`，结合Ajax后台操作，完成选中行的排序调整。同时，当行处于页面顶部或底部时，会相应地跳转到前一页或后一页。

easyui框架的控件功能做得很好，用得最多的是table，很多时候我们需要对每行的数据进行上下移动的排序，这里主要通过js函数来实现，请往下看。

//上移

function danganconf_scan_upload_maintable1_up()//上移
{
var obj_node = $('#danganconf_scan_upload_maintable1').datagrid('getSelections');//获取选择的项
if(!obj_node || obj_node.length != 1)//判断是否选中的是只有一项
{
asyncbox.tips('请选择唯一节点!','error');return;
}
var row1 = obj_node[0];
var rowindex = $('#danganconf_scan_upload_maintable1').datagrid('getRowIndex',row1);//获取行号
var pagenum = $('#danganconf_scan_upload_maintable1').datagrid('options