Backend.js文件究竟做了那些事?角标,新tab,



Backend.js文件究竟做了那些事?

定义了一些api,具体api功能会在下方详细说明。
将Backend.api对象合并到Fast.api对象
点击包含.btn-dialog的元素时弹出dialog
template-native.js模板引擎全局渲染(没用过)
moment.js时间类库全局渲染

Backend.js的API

方法解析
Backend.api.sidebar(object)生成菜单栏小角标
Backend.api.addtabs(url, title, icon)生成新tab卡
Backend.api.closetabs(url)关闭tab卡
Backend.api.replaceids(elem, url)获取带有表格所选id的url
Backend.api.refreshmenu()刷新左边的菜单
Backend.api.gettablecolumnbutton()未知
//生成菜单栏小角标,对象第一个属性只支持数字,不支持单词Backend.api.sidebar({    'auth/admin':12,    'category':['456','red', 'badge'],//圆角
    'general/config':['nwe','red','label']//椭圆});
//生成新tab卡Backend.api.addtabs('auth/admin','测试','fa fa-circle-o');//如果url为第三方外链,则title和icon才会生效。否则都会借用左方菜单栏的。
//关闭当前tabsetTimeout("Backend.api.closetabs('https://www.baidu.com')",3000);//如果url参数为空,关闭当前的被选择的tab。
上面代码有部分我来更正一下哦:
//获取对应dom表格的所选id,必须有data-table-id属性<a href="auth/admin/add?hello={ids}" data-table-id="table" class="btn btn-ceshi">测试</a>

$('.btn-ceshi').on('click',function(e){
    e.preventDefault();    console.log(Backend.api.replaceids(this,this.href));
});//输出结果http://www.fa.com/index.php/admin/auth/admin/add?hello=3,2,1

相关class类

.btn-dialog类

这个有点无趣了,看代码

<a href="auth/admin/add" data-confirm="测试提示" class="btn btn-success btn-dialog " title="{:__('测试2')}" data-title="我就是个测试"><i class="fa fa-plus"></i> {:__('测试2')}</a>

如果class中带有.btn-dialog,就会执行特殊方法。无非两种状态,一种为layer.confirm询问框,一种为layer.open弹窗。如果data-confirm属性存在,则为询问框。不管是询问框还是弹窗,options属性都用data-来申明,比如,我申明anim动画,data-anim=1,即可实现弹窗从上掉落效果。href为弹窗url。

.btn-addtabs类或者.addtabsit类

.btn-addtabs类参数参考api,同时href为tab的url。如果data-confirm属性存在,则为询问框,确认后调用tab。

.btn-ajax类与.ajaxit类
.btn-click类与.clickit类

moment.js文档

console.log(Moment().format('MMMM Do YYYY, h:mm:ss a'));



«    2025年7月    »
123456
78910111213
14151617181920
21222324252627
28293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
    文章归档
    网站收藏
    友情链接

    Powered By Z-BlogPHP 1.7.4

    周易八字研究笔记 豫ICP备2021017518号-3     豫公网安备41077102000113