首页 > 其他分享 >记录一次在fastadmin中列表顶部增加操作按钮并展开页面操作

记录一次在fastadmin中列表顶部增加操作按钮并展开页面操作

时间:2022-09-06 17:12:33浏览次数:64  
标签:adds url ids api fastadmin table 操作 btn 页面

index.html

<a href="javascript:;" class="btn btn-success btn-adds btn-disabled disabled {:$auth->check('match/article/adds')?'':'hide'}" title="{:__('指定评委')}" ><i class="fa fa-email"></i> {:__('指定评委')}</a>

定义一个新的操作按钮,这个是为了携带列表中被选中的id,

require-table.js

config: {
            checkboxtd: 'tbody>tr>td.bs-checkbox',
            toolbar: '.toolbar',
            refreshbtn: '.btn-refresh',
            addbtn: '.btn-add',
            addsbtn: '.btn-adds',
            editbtn: '.btn-edit',
            delbtn: '.btn-del',
            importbtn: '.btn-import',
            multibtn: '.btn-multi',
            disabledbtn: '.btn-disabled',
            editonebtn: '.btn-editone',
            restoreonebtn: '.btn-restoreone',
            destroyonebtn: '.btn-destroyone',
            restoreallbtn: '.btn-restoreall',
            destroyallbtn: '.btn-destroyall',
            dragsortfield: 'weigh',
        },

 

addsbtn: '.btn-adds',
// 添加按钮事件
                toolbar.on('click', Table.config.addsbtn, function () {
                    var ids = Table.api.selectedids(table);
                    var url = options.extend.adds_url;
                    /*if (url.indexOf("{ids}") !== -1) {
                        url = Table.api.replaceurl(url, {ids: ids.length > 0 ? ids.join(",") : 0}, table);
                    }*/
                    url = Table.api.replaceurl(url, {ids: ids.length > 0 ? ids.join(",") : 0}, table);
                    Fast.api.open(url, $(this).data("original-title") || $(this).attr("title") || __('Add'), $(this).data() || {});
                });

  

 增加一个新的点击事件,注意将url携带参数的判断注释掉,

 

页面对应的js文件:

首先在index方法中定义“adds_url”

 

然后定义一个新的操作方法

adds: function () {
            Controller.api.bindevent();
        },

控制器中定义一个类似edit的操作方法,负责接收链接中携带的参数

 

 

 

PS:

如果不需要页面展开,只是一个单纯操作,直接在index方法中定义ajax事件即可

 

标签:adds,url,ids,api,fastadmin,table,操作,btn,页面
From: https://www.cnblogs.com/sisl/p/16662503.html

相关文章

  • 多思考能改变命运的操作
    回顾我们的人生,道路虽然漫长,经历虽然众多,但紧要处其实只有关键的几步。在关键时刻处理得最好的人就会拥有最成功的事业;回顾我们所交过的朋友,虽然数量像天上的繁星,但真正对......
  • Docker入门之简单操作
    目录1Docker启动容器1.1基于镜像新建容器并启动1.1.1拓展知识:执行dockerrun后,Docker都干了些啥1.1.2以daemon守护态方式运行容器1.2启动终止状态的容器2Docker查......
  • zookeeper 部署及操作
    单机版安装上传安装包到服务器上解压tar-zxvfzookeeper-3.4.5.tar.gz 将解压后的文件移动到/usr/local/下mvzookeeper-3.4.5/usr/local/zookeeper 修改......
  • IOTDB 常用操作
    1、查看版本  SHOWversion2、查看所有设备 SHOWdevices3、分页查看root.xxx.yyy表数据#时间戳升序,首条下标为0,取n条SELECT*FROMroot.xxx.yyynOFFSET04、......
  • 前端复选框相关操作
    1.实例代码:爱好:跑步阅读购物![](https://img2022.cnblogs.com/blog/2195611/202209/2195611-20220906135303105-914239196.png)默认勾选按钮:......
  • 前端不缓存,ajax不缓存,js操作cookie
    前端不缓存,ajax不缓存,js操作cookie 今天实现网站注销功能时,需要清除cookie缓存,开始在网上搜索的是“js清除缓存”,发现很多都是预先防患缓存存储的内容,千篇一律,不过也......
  • fastadmin表格列表点击字段名称进行排序
    fastadmin表格列表点击字段名称进行正序,倒叙排序{field:'createtime',title:__('Createtime'),sortable:true,operate:'RANGE',addclass:'datetimerange',formatt......
  • day 58 django orm 单表操作
    昨日内容回顾orm单表操作增删改查增加models.Student(name='yuhong',age=23).save()​models.Student.objects.create(name='yuhong',age=23)​obj_list=[]foriin......
  • day59 django 单表操作及域名反向解析
    昨日内容回顾orm单表操作增删改查增加models.Student(name='yuhong',age=23).save()​models.Student.objects.create(name='yuhong',age=23)​obj_list=[]foriin......
  • 【面试题】js实现将excel表格copy到页面
    js实现将excel表格copy到页面点击打开视频讲解更加详细其实最核心的技术,还是copy的是我们粘贴板上的数据就像平常怎么粘贴复制其他的数据一样,只是我们在excel粘贴的是一......