含有选择器的 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各种选择器 本章简介 上 ...
随机推荐
- linux安装mysql5.1
一.卸载mysql 1.检测系统是否已经安装过mysql或其依赖,若已装过要先将其删除 # yum list installed | grep mysql mysql-libs.i686 ...
- MySQL driver for Node
[MySQL driver for Node] 1.安装 2.一个示例 From this example, you can learn the following: Every method you ...
- STO单没有取进FP,IN_SAELS_ORDER表无,但IN_PO_STO有
描述 :业务反馈STO单没有取进FP,经检查IN_SALES_ORDER表没有此单数据,但在IN_PO_STO表却有 跟进如下: 1.检查IN_PO_STO表是否有数据 '; 2.检查SAP_SALE ...
- Android 基础 (四大组件,五大存储,六大布局)
Android四大组件: 参考:https://blog.csdn.net/shenggaofei/article/details/52450668 Android四大组件分别为activity.se ...
- TZOJ 1911 A Plug for UNIX(最大流)
描述 You are in charge of setting up the press room for the inaugural meeting of the United Nations In ...
- Delphi: TLabel设置EllipsisPosition属性用...显示过长文本时,以Hint显示其全文本
仍然是处理多语言中碰到问题. Delphi自2006版以后,TLabel有了EllipsisPosition属性,当长文本超过其大小时,显示以...,如下图: 这样虽然解决显示问题,但很显然,不知道. ...
- day 05 字典,字典嵌套
字典: 1.列表如果存储大量数据,查询速度相对慢一些 2.列表存储的数据,一般没有什么关联性 针对以上原因,python提供了一个基础数据类型,dict 字典 数据类型的分类 : 容器型数据类型:li ...
- mysql中的 随机字符串的生成
方法1. SELECT SUBSTRING(MD5(RAND()),FLOOR(RAND()*26)+1,6) AS rand_str; 上诉示例产生的是:6位长度的随机字符串. 函数解释: rand ...
- Angular5学习札记
1.使用cnpm安装jQuery和bootstrap后,页面没有加载的问题 -使用cnpm安装的路径和使用npm安装路径不一样,解决如下: 把css路径改成"../node_modules/ ...
- python 数据类型 总结
按存储空间的占用分(从低到高) 数字 字符串 集合:无序,即无序存索引相关信息 元组:有序,需要存索引相关信息,不可变 列表:有序,需要存索引相关信息,可变,需要处理数据的增删改 字典:无序,需要存k ...