含有选择器的 bootstrap菜单
var menu = new BootstrapMenu('#jsmind_container jmnode:not(.root)', {
actions: [{
name: '展开节点',
onClick: function () {
var node = jm.get_selected_node();
var node2 = jm2.get_node(node.id)
jm.expand_node(node);
jm2.expand_node(node2);
}
}, {
name: '展开所有子节点',
onClick: function () {
expandAll();
}
}, {
name: '添加子节点',
onClick: function () {
$('#newModal').modal('show');
selectedNodeType = jm.get_selected_node().data.type;
selectedNodeTypeId = jm.get_selected_node().data.typeid;
selectedNodeId = jm.get_selected_node().id;
//alert(selectedNodeType + ' ' + selectedNodeTypeId + ' ' + selectedNodeId)
if (selectedNodeType == ) {
//默认选择业务结构
selectedNodeType = "<%=(int)(Contract.Domain.Enum.EnumList.Limit_Object.Limit_Object_BusiStruc)%>";
}
filterDrp($("#limitObectType"), selectedNodeType, selectedNodeId, null);
}
}, {
name: '删除此节点',
onClick: function () {
selectedNodeId = jm.get_selected_node().id;
$('#delModal').modal('show');
}
}, {
name: '添加限额',
onClick: function () {
selectedNodeId = jm.get_selected_node().id;
clearForm();
$('#setModal').modal('show');
}
}, {
name: '编辑限额',
onClick: function () {
var url = "/Bas/BasLimitConfigManage2.aspx?_method=getLimit";
selectedNodeId = jm.get_selected_node().id;
url += "&selectedNodeId=" + selectedNodeId;
if ($("#tt3").tree('getSelected') != null) {
var limitTypeId = $("#tt3").tree('getSelected').attributes.LimitTypeId;
alert(limitTypeId);
if (limitTypeId != "-1" && limitTypeId != null && limitTypeId != undefined && limitTypeId != "") {
url += "&limitTypeId=" + limitTypeId;
}
}
//'/Bas/BasLimitConfigManage2.aspx?_method=getLimit&selectedNodeId=' + selectedNodeId
$('#myModal').modal('show');
$('#limitTable').bootstrapTable('refresh', { silent: true, url: url });
}
}]
});
含有选择器的 bootstrap菜单的更多相关文章
- bootstrap菜单完美解决---原创
由于bootstrap的各方优点,偶的“点金项目细化分包管理平台”决定采用它.但在使用中遇到了一些问题,比如菜单的问题,这个菜单是用的一个JQuery的一个效果,点击后,所点击的链接处的class要加 ...
- bootstrap 菜单之手风琴效果
自己用bootstrap搭了个项目,纯属娱乐....为了检验学习bootstrap之成果. 效果如图: 一.搭建中发现一问题,因为以前测试都是写的html页面,这次用了母版页,点击页面的之后,页面会刷 ...
- (jQuery知识点整理-含有选择器)
第一单元 jQuery介绍: javaScript ...
- 日期时间选择器、Bootstrap日期和时间表单组件。bootstrap-datetimepicker实现年月日,时分秒的选择。
参考链接:http://www.bootcss.com/p/bootstrap-datetimepicker/ 1.官网以及很详细的说明了如何使用,这里结合一下自己的使用来写下. 下载解压缩包以后,可 ...
- :has(selector) 匹配含有选择器所匹配的元素的元素
描述: 给所有包含 p 元素的 div 元素添加一个 text 类 HTML 代码: <div><p>Hello</p></div> <div&g ...
- 【angular+bootstrap】angular初级的时间选择器
近期的一个项目,是用angular来写的,本来框架就是第一次接触,使用相关插件的时候就感觉更加没有头绪了,其中一个插件就是时间选择器.比较好用时间选择器就是bootstrap里面的datetimepi ...
- 模块:(日期选择)jquery、bootstrap实现日期下拉选择+bootstrap jquery UI自带动画的日期选择器
一:jquery.bootstrap实现日期下拉选择 点击文本框弹出窗口 弹窗显示日期时间选择下拉 年份取当前年份的前后各5年 天数随年份和月份的变化而变化 点击保存,文本框中显示选中的日期 代码部分 ...
- 【jQuery】smartMenu右键自定义上下文菜单插件(似web QQ)
(前端用重点整理博客地址)链接地址:http://www.cnblogs.com/atree/archive/2011/06/30/jQuery-smartMenu-javascript.html 一 ...
- WEB入门之十三 jQuery选择器
学习内容 jQuery层次选择器 jQuery属性选择器 jQuery表单选择器 jQuery过滤选择器 能力目标 熟悉jQuery各种选择器的使用场合 能熟练使用jQuery各种选择器 本章简介 上 ...
随机推荐
- 微信小程序开发攻略
首先,需要明确的一点是,小程序开发就是前端开发的一个小分支. 其次,小程序开发框架是一个精简版的React ,并且开发比较简单 . 第一步 获取AppId 小程序注册入口http://https:// ...
- centos静态绑定IP地址
Centos7 /etc/sysconfig/network-scripts/ifcfg-ens33
- 解决在linux环境安装setuptools的相关错误
RuntimeError: Compression requires the (missing) zlib module 缺少zlib包 解决方案 yum install zlib yum i ...
- Linux 永久PATH环境变量
在/etc/profile文件中添加变量[对所有用户生效(永久的)] 用vim在文件/etc/profile文件中增加变量,该变量将会对Linux下所有用户有效,并且是“永久的”. 例如:编辑/etc ...
- 数据库与ORM
一.数据库的配置 1 django默认支持sqlite,mysql, oracle,postgresql数据库. <1> sqlite django默认使用sqlite的数据库,默认自带 ...
- Gym - 100989G 二分
链接:ECJTU 2018 Summer Training 1 - Virtual Judge https://vjudge.net/contest/236677#problem/G 谷歌翻译: 距 ...
- Codeforces Beta Round #35 (Div. 2)
Codeforces Beta Round #35 (Div. 2) http://codeforces.com/contest/35 A 这场的输入输出是到文件中的,不是标准的输入输出...没注意看 ...
- JavaScript各种继承方式(二):借用构造函数继承(constructor stealing)
一 原理 在子类的构造函数中,通过call ( ) 或 apply ( ) 的形式,调用父类的构造函数来实现继承. function Fruit(name){ this.name = name; th ...
- HDU 4940 Destroy Transportation system(无源汇上下界网络流)
Problem Description Tom is a commander, his task is destroying his enemy’s transportation system. Le ...
- [Java学习]集合
一. Collection与Map继承结构图 Collection继承结构图 实现Collection接口的类只能存储引用类型!所以set.add(10)会有自动装箱的过程,把int 转成 Integ ...