码迷,mamicode.com
首页 > 其他好文 > 详细

为fastadmin添加重置搜索和批量录入按钮

时间:2020-06-30 12:53:46      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:通过   文件   查看   UNC   com   png   自定义   代码   bar   

最终想实现的效果如下

技术图片

需要明白的两件事

一.搜索的逻辑

1.首先增加一个搜索a标签,class命名为chongzhi
2.熟悉搜索的逻辑,所有的tab,所有的jstree都是,通过给通用搜索,传递值,才引起了下面表格的变化.
3.我把js代码写在了backend.js的init里,类似于写在原型上,这样很多模块的js都能使用

 // 新增重置搜索
            $(‘.chongzhi‘).click(function(){
                $(‘button[type=reset]‘).trigger(‘click‘)
            })
二.弹窗的逻辑

首先熟悉 require-table.js,把代码折叠起来,这样更方便鸟瞰整个js
技术图片
查看整个JS发现,其实,整个是对象的方式,存储了一些函数。并且是分类存储,这样让整个JS显的十分有序。
那么!我们猜一猜,追加,删除的按钮,在哪个大类中呢?
1.在button里?按道理,追加和删除,都是按钮,相关的点击事件,应该写在按钮类里才对
点开发现,不对
2.在events里?按道理,追加和删除,都是表格的事件
但是点开发现,还是不对
3.最后发现,是在api的bindevent里,events和bindevent两者的区别,也在图片的注释上
技术图片
4.最终找到添加的js事件

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

5.添加的弹窗分析
Table.api.replaceurl
这个是当前js文件中自定义的一个js方法
技术图片

Fast.api.open
看来是使用了fast.api.open方法,进行了弹窗,据说这个方法,是在layui基础上升级的一个弹窗发。显然,这个方法接收两个参数。
那么fast这个js大类在哪里呢?
技术图片
是写在了原型上了吗,打印看一下。果然
技术图片
但是,为什么要写在原型上,又是怎么写在原型上的呢?或者,这个fast的js文件位置在哪呢?
技术图片

为fastadmin添加重置搜索和批量录入按钮

标签:通过   文件   查看   UNC   com   png   自定义   代码   bar   

原文地址:https://www.cnblogs.com/cn-oldboy/p/13212865.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!