🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 拖拽排序 提供列表的排序操作,将触发后端的`sort`事件。 > 图片示例: ![](https://img.kancloud.cn/ed/52/ed52cafccdcd911b950ef35e4529759e_1920x903.png) > 配置项 | key | 类型 | 是否必须 | 说明 | | --- | --- | --- | --- | | templet | string | 是 | 固定值:`drag_sort` | | 通用配置... | | title | string | 否 | 表头标题,默认值`排序` | | align | string | 否 | 排列方式,可选值`left`、`center`、`right`,默认`center` | | icon | string | 否 | 拖拽图标的`class`,默认值:`yunj-icon yunj-icon-sort-circle` | > 代码示例: ~~~ $builder=YT('general_example')->state(DbRowState::state()) ->cols(function($state){ $cols=[ 'sort'=>['title'=>'序号','align'=>'center'], 'id'=>['title'=>'ID','align'=>'center'], // 拖拽排序 'drag_sort_action'=>['type'=>'checkbox'], ]; return $cols; }) ->event(function ($event,$ids){ switch ($event){ case TableEvent::SORT: for($i=0,$len=count($ids);$i<$len;$i++){ Db::name('example')->where([ ['id','eq',$ids[$i]], ['state','neq',DbRowState::REMOVED], ])->update(['update_time'=>time(),'sort'=>$i+1]); } return success_json(); default: return error_json(); } }) ~~~