layui外部引入_javascript 怎么去引用layui里面的方法

现在，我有一个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');

});

layui外部引入_javascript 怎么去引用layui里面的方法相关推荐

layui外部引入_layui use 定义js外部引用函数的方法
layui.use 加载layui.define 定义的模块,当外部 js 或 onclick调用 use 内部函数时,需要在 use 中定义 window 函数供外部引用 ,如下: layui.us ...
layui外部引入,从文件外部引入js/css
项目需求需求是完成一个插入页面webim插件,希望只在页面中引用一条webim.js,即可以将整个webim插入页面,那么我们就需要在引入的这一条webim.js文件内执行一些方法,来讲我们整个插件 ...
layui 如何去dom_javascript 怎么去引用layui里面的方法
现在,我有一个JSP页面,里面同时存在普通javascript的代码和layui的代码,我想调用layui里面的方法,该怎么引用? 这是javascript代码: var treeSetting = ...
layui tree ajax刷新,layer 刷新某个页面的实现方法
layer 刷新某个页面的实现方法一:使用layer.open打开的子页面 window.parent.location.reload()//刷新父页面 var index = parent.lay ...
vue-cli 外部引入vue-router报错 Uncaught TypeError: Cannot redefine property: $router
在优化基于vue-cli开发的vue项目中,把vue-router改成外部引入的时候, /build/webpack.base.conf.js配置参数: externals: {'vue': 'Vue ...
layui结合mybatis的pagehelper插件的分页通用的方法
总体思路: 1.前台查询的时候将当前页和页大小传到后台 2.后台将当前页,页大小以及数据与数据总数返回前台,前台显示完表格完数据之后显示分页插件. 前台页面: 准备查询条件的表单,与数据表格,分页di ...
JavaWeb中外部引入的js中涉及到location.href的页面跳转/jsp页面的外部js文件引入
当js在jsp页面中写的时候没有任何问题如下所示: function deleteP(obj){if(confirm("你真舍得丢弃我吗?")){//发送请求location.hr ...
layui静态表格设置滚动条_解决layui数据表格table的横向滚动条显示问题
解决layui数据表格table的横向滚动条显示问题加上这段样式代码就可以解决了: body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */ ps:这个问题fly社区 ...
layui跳转html如何带参数,Layui跳转页面代码（可携带复杂参数）
今天用了Layui的"数据表格 - 数据操作"示例代码,结果发现点击"编辑"按钮出出来一个弹出消息框,效果如下: 虽然说也可以用"弹出层"做 ...

layui外部引入_javascript 怎么去引用layui里面的方法

layui外部引入_javascript 怎么去引用layui里面的方法相关推荐

最新文章

热门文章