PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

模板按钮自定义打开对话框窗口大小

管理员 2024-12-14
Fastadmin
6

如题,有时我们希望在table列表表格里弹出对话框类似增加编辑的效果,但是内容又没有太多项目不需要打开很大的窗口(显得傻大),想要自定义大小,可以增加按钮的click事件,代码如下

// 初始化表格

        table.bootstrapTable({            url: $.fn.bootstrapTable.defaults.extend.index_url,            pk: 'id',            sortName: 'id',            columns: [                [                    {checkbox: true},                    {field: 'id', title: __('Id')},                    {field: 'operate', title: __('Operate'), table: table,                         buttons: [                            {name: 'click', text: __('点击执行事件'), icon: '', classname: 'btn btn-xs btn-primary btn-click',click: function (ths, row) {                                Fast.api.open('example/detail/ids/'+row.id,__('点击执行事件'),{'area':['300px','250px']});                            }}                        ],                        events: Table.api.events.operate, formatter: Table.api.formatter.operate}                ]            ]        });

example.png

需要注意的是:增加的按钮classname必须要有btn-click属性才能触发默认的点击事件,然后就可以增加click函数用Fast.api.open自定义打开大小,这里有点说明,如果你不希望或不知道不好调整窗口大小,这里的area选项可以传递空数组,默认就是最小的窗口了,就像这样
Fast.api.open('example/detail/ids/'+row.id,__('点击执行事件'),{'area':[]});
效果如图
example2.png
在这里我想说一下fastadmin的会员积分制度不是很好,发布文章给的太少,加上工作很忙,所以我想自己发布的文章最多就发5篇,这是第3篇,很多的数据其实不是出不来,而是框架封装的太深了,而且又没有相关详细的js和代码文档,希望大家有时间能多读读找找代码,很多功能都封装在backend.js,require-form.js,require-table.js里。而且本人也不擅长描述和叙述问题答案,所以如果小问题网上可以搜到的我就不发了,给fastadmin省点数据行,呵呵。
希望能对大家有所帮助,我是个后端对前端理解不是很深,写的不好的地方,希望大神们多多指教,互相交流。


希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

扫码关注

qrcode

QQ交谈

回顶部