含有选择器的 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各种选择器 本章简介 上 ...
随机推荐
- java 反编译工具
(1)点击进入>> https://jingyan.baidu.com/article/3f16e003c857082590c1036f.html (备注:如果以上链接的资源不能下载, ...
- 一、Iterator 迭代器
需求:如何不适用for循环,依次遍历出数组中每个元素? 设计原理: 代码清单: 接口类 public interface Iterator { boolean hasNext(); Object ne ...
- The number of method references in a .dex file cannot exceed 64K.(转)
前言 我一直都知道app里面的方法数是有限制的差不多64000,具体的就未曾考证了在遇到这个问题之前,一直以为这个一个多么遥远的距离其实并不是的,稍有不慎这个异常出来了当前并不是你真的有编写了64k的 ...
- css设计技巧
如果设置了样式发现没有效果,可以把需要调的元素或者父元素等设置一下背景,然后看看哪个父元素或子元素有样式控制,可以清除一下.
- Oracle怎么修改字段类型
转载:https://www.2cto.com/database/201710/689523.html 有一个表名为tb,字段段名为name,数据类型nchar(20). 1.假设字段数据为空,则不管 ...
- powerdesigenr设置主外键颜色
使用PowerDesigner时,它默认table的字体大小颜色等非常难看: 如果通过 Symbol ---> Format进行设置,只能对选中的最修改,新建的Table无效. 可以通过如下修改 ...
- e-olymp Problem9 N-digit numbers(打表)
传送门:点我 N-digit numbers Find the quantity of N-digit numbers, which the sum is equal to their product ...
- HDU4522 湫湫系列故事——过年回家
传送门:点我 中文题面. 思路:拿spfa对卧铺和硬铺分别跑spfa,然后找两个的最短路.体感堆优化的dij也可以,不过spfa跑跑就过去了.有个细节是最后得用long long 存数据,其他的没啥. ...
- queue模拟
BlockingQueue:顾名思义,首先它是一个队列,并且支持阻塞的机制,阻塞的放入和得到数据.我们要实现LinkedBlockingQueue下面两个简单的方法put和take. put(anOb ...
- 项目总结02:百度地图js 基本用法介绍
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...