ITPub博客

首页 > > > javascript 怎么去引用layui里面的方法

javascript 怎么去引用layui里面的方法

作者:hawkliu 时间:2019-09-09 14:22:03 0 删除 编辑

现在,我有一个JSP页面,里面同时存在普通javascript的代码和layui的代码,我想调用layui里面的方法,该怎么引用?

这是javascript代码:

var treeSetting = {

data: {

simpleData: {

enable: true,

idKey: "id",

pIdKey: "pId",

rootPId: "root"

}

},

callback:{

onClick:function(event, treeId, treeNode) {

openFile(treeNode.id,treeNode.name);

 tabAdd;我想要在这引用layui的方法,增加一个Tab

}

}

}

这是layui:

layui.use('element', function(){

var $ = layui.jquery

,element = layui.element(); //Tab的切换功能,切换事件监听等,需要依赖element模块

//触发事件

var active = {

tabAdd: function(fileId,fileName){

//新增一个Tab项

element.tabAdd('demo', {

title: fileName //打开文件的文件名

,content: '内容'+ (Math.random()*1000|0)

,id: fileId //打开文件的ID

})

}

,tabDelete: function(othis){

//删除指定Tab项

element.tabDelete('demo', '44'); //删除:“商品管理”

othis.addClass('layui-btn-disabled');

}

,tabChange: function(){

//切换到指定Tab项

element.tabChange('demo', '22'); //切换到:用户管理

}

};

$('#ztree_attachment').on('click', function(){

var othis = $(this), type = othis.data('type');

active[type] ? active[type].call(this, othis) : '';

});

//Hash地址的定位

var layid = location.hash.replace(/^#test=/, '');

element.tabChange('test', layid);

element.on('tab(test)', function(elem){

location.hash = 'test='+ $(this).attr('lay-id');

});

});

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/887/viewspace-3168404/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-29

  • 博文量
    274
  • 访问量
    1130