日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后,達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

fastadmin框架中如何添加一個(gè)自定義按鈕

作者:smallmww 更新時(shí)間: 2023-08-13 編程語(yǔ)言

一、簡(jiǎn)單介紹

? ? ? ? 具體效果:

?

? ? ? ? 使用fastadmin框架添加一個(gè)按鈕并給按鈕綁定相應(yīng)的事件指向控制器中的方法,在fastadmin框架的二次開(kāi)發(fā)中非常的常見(jiàn),接下來(lái)本篇就來(lái)介紹一下創(chuàng)建按鈕的具體流程。

二、具體流程

(1)首先在fastadmin框架中創(chuàng)建相應(yīng)模塊的視圖、模型、控制器模塊。

(2)在對(duì)應(yīng)的public/assets靜態(tài)資源目錄下找到backend后臺(tái)目錄下的js文件。

(3)在文件的初始化表格參數(shù)中添加URL地址,這個(gè)地址指向你的控制器方法。

?注意,我這里控制器的目錄如圖所示:

?具體添URL的代碼如下:

            // 初始化表格參數(shù)配置
            Table.api.init({
                extend: {
                    index_url: 'download/download/index',
                    add_url: 'download/download/add',
                    edit_url: 'download/download/edit',
                    del_url: 'download/download/del',
                    multi_url: 'download/download/multi',
                    download_url: 'download/download/download',
                    table: 'files',
                }
            });

(4)在初始化表格中添加按鈕事件。其中URL指向控制器對(duì)應(yīng)的方法

?具體的代碼如下:

                            field: 'operate', title: __('Operate'),
                            table: table,
                            buttons: [{
                                name: "download",
                                text: "導(dǎo)出",//按鈕名稱
                                classname: 'btn btn-xs btn-success btn-magic ',
                                // classname: 'btn btn-xs btn-success btn-magic btn-dialog',
                                icon: 'fa fa-magic',
                                url: 'download/download/download',//指向控制器對(duì)應(yīng)方法
                                confirm: '導(dǎo)出當(dāng)前用戶的文件信息',
                                visible: function (row) {
                                    //返回true時(shí)按鈕顯示,返回false隱藏
                                    return true;
                                }
                            }],
                            events: Table.api.events.operate, formatter: Table.api.formatter.operate
                        }

(5)在事件綁定處為表格按鈕綁定事件。

(6)在控制器中添加對(duì)應(yīng)的方法,寫(xiě)入你想要實(shí)現(xiàn)的功能即可。

三、如果有什么不懂的可以評(píng)論區(qū)留言,感謝支持。

原文鏈接:https://blog.csdn.net/smallmww/article/details/131734900

  • 上一篇:沒(méi)有了
  • 下一篇:沒(méi)有了
欄目分類
最近更新