layui 如何去dom_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 如何去dom_javascript 怎么去引用layui里面的方法相关推荐
- layui外部引入_javascript 怎么去引用layui里面的方法
现在,我有一个JSP页面,里面同时存在普通javascript的代码和layui的代码,我想调用layui里面的方法,该怎么引用? 这是javascript代码: var treeSetting = ...
- layui结合mybatis的pagehelper插件的分页通用的方法
总体思路: 1.前台查询的时候将当前页和页大小传到后台 2.后台将当前页,页大小以及数据与数据总数返回前台,前台显示完表格完数据之后显示分页插件. 前台页面: 准备查询条件的表单,与数据表格,分页di ...
- layui tree ajax刷新,layer 刷新某个页面的实现方法
layer 刷新某个页面的实现方法 一:使用layer.open打开的子页面 window.parent.location.reload()//刷新父页面 var index = parent.lay ...
- layui外部引入_layui use 定义js外部引用函数的方法
layui.use 加载layui.define 定义的模块,当外部 js 或 onclick调用 use 内部函数时,需要在 use 中定义 window 函数供外部引用 ,如下: layui.us ...
- 去中心化 去区块链_使用JavaScript和坚固性在以太坊区块链上构建去中心化应用程序dapp...
去中心化 去区块链 In this blog, I build a decentralized application, also known as a "dapp". While ...
- layui跳转html如何带参数,Layui跳转页面代码(可携带复杂参数)
今天用了Layui的"数据表格 - 数据操作"示例代码,结果发现点击"编辑"按钮出出来一个弹出消息框,效果如下: 虽然说也可以用"弹出层"做 ...
- 详解携程与去哪儿的“去携之战”
"江山易改,本性难移"讲述的不仅仅是人,还有公司. 近日,在线旅游行业在曝"口水战",其中的主角分别是携程与去哪儿网.根据去哪儿透露的信息显示,早在两年前,携程 ...
- SQL Server中的小技巧(重复、替换、截取、去空格、去小数点后的位数)
PS:随笔写的在SQL Server中要用到的 (重复.替换.截取.去空格.去小数点后的位数) /*---------------------------重复--------------------- ...
- 华为5G微交易修复版源码 K线/结算全修复 去短信+去邀请码
简介: 修复版华为5G微交易(K线+结算+全修复+去短信+去邀请码)华为5G交易,注册去出短信,邀请码,K线全修复,波动正常,结算正常,某站卖几千大洋. 网盘下载地址: http://kekewl.c ...
最新文章
- pytorch学习笔记(九):PyTorch结构介绍
- 收藏 | 神经网络的 5 种常见求导,附详细的公式过程
- SpringBoot项目在IntelliJ IDEA中实现热部署
- 捕捉mysql中不可忽视的知识点(一)
- “RPC好,还是RESTful好?”
- 交换二维数组元素c语言,二维数组中元素替换问题!
- ASP.NET基础教程-以查询字符串的方式在两个页面之间传递信息
- 思维+multiset ZOJ Monthly, July 2015 - H Twelves Monkeys
- android intent和intent action大全
- 前端基础之BOM和DOM
- MongoDB 教程八(结语): 一网打尽当下NoSQL类型、适用场景及使用公司
- 管理感悟:说说NWT裁员的经历及关键错误
- BS与CS的联系与区别【简】
- e2200网卡linux,Debian
- 短信验证码如何保障用户信息及资金安全
- Sweet 简洁是美
- 计算机硬件配置一般看什么CPU,电脑配置怎么看好坏
- 孙向晖-《领域驱动设计》读书心得交流会-UMLChina讲座-实录
- 曝光,程序员大佬们的的 10 个摸鱼神器
- Android性能优化之内存优化 1
热门文章
- Exceptionless(二) - 使用进阶
- xBIM(eXtensible Building Information Modelling)可扩展的建筑信息模型
- 微软MVP张善友告诉你,微服务选型要注意这些地方
- .NET Core玩转机器学习
- 用C# (.NET Core) 实现抽象工厂设计模式
- 用.NET Core实现装饰模式和.NET Core的Stream简介
- 微软开源P语言,实现安全的异步事件驱动编程
- .NET程序员走向高端必读书单汇总
- ASP.NET Core 1.0中的管道-中间件模式
- C# 读写ini文件 保存信息