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

文章描述了如何在require-table.js文件中添加一个新的操作按钮,用于批量审核功能。通过配置config对象和绑定点击事件,当用户选择表项后,会打开一个新的窗口执行批量审核操作。同时,文章提到了edsbtn按钮的定义和相关URL的替换逻辑,并在页面初始化时配置了对应的链接和事件处理函数。
摘要由CSDN通过智能技术生成
<a href="javascript:;" class="btn btn-success btn-edis btn-disabled disabled {:$auth->check('xx\xx\xx')?'':'hide'}" title="{:__('批量审核')}" ><i class="fa fa-pencil"></i> {:__('批量审核')}</a>

定义一个新的操作按钮,

在require-table.js文件中新增addsbtn 的操作按钮

config: {
            checkboxtd: 'tbody>tr>td.bs-checkbox',
            toolbar: '.toolbar',
            refreshbtn: '.btn-refresh',
            addbtn: '.btn-add',
            edisbtn: '.btn-edis',//新增的
            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',
        },

添加按钮事件

  toolbar.on('click', Table.config.edisbtn, 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() || {});
                });

页面对应的js文件中的初始化表格参数配置中配置对应按钮的操作链接

 Table.api.init({
                extend: {
                 
                    edis_url:'xx/xx/xx',
                  
                }
            });

增加对应的事件

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

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
FastAdmin框架,你可以通过以下步骤来增加页面顶部的自定义搜索框: 1. 在你的模块目录下创建一个新的文件夹,命名为`widget`,用于存放自定义的小部件。 2. 在`widget`文件夹下创建一个新的文件,命名为`SearchBar.php`,用于定义自定义搜索框的小部件。 3. 在`SearchBar.php`文件,定义一个继承自`fastadmin\widgets\Widget`的类,并实现`render()`方法来渲染搜索框的HTML代码。示例代码如下: ```php <?php namespace app\your_module\widget; use fastadmin\widgets\Widget; class SearchBar extends Widget { public function render() { return $this->fetch('search_bar'); } } ``` 4. 在`widget`文件夹下创建一个新的文件,命名为`search_bar.html`,用于定义搜索框的HTML模板。 5. 在`search_bar.html`文件,编写自定义搜索框的HTML代码。示例代码如下: ```html <form action="{:url('your_module/your_controller/your_action')}" method="get"> <input type="text" name="keyword" placeholder="请输入关键字"> <button type="submit">搜索</button> </form> ``` 6. 在需要显示搜索框的页面,使用以下代码引入并显示自定义搜索框: ```php {widget name="app\your_module\widget\SearchBar"} ``` 确保将`app\your_module\widget\SearchBar`替换为你实际定义的搜索框小部件类的命名空间。 通过以上步骤,你就可以在FastAdmin框架增加页面顶部的自定义搜索框了。在需要显示搜索框的页面,使用`{widget}`标签引入自定义搜索框的小部件,并在小部件定义和渲染搜索框的HTML代码。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值