chwshuang
chwshuang

js画图开发库--mxgraph--[dragsource-可拖动组件.html]

 

 js画图开发库--mxgraph--[dragsource-可拖动组件.html] 

 

 

<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
	<head>
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<title>可拖动组件</title>
	<!-- 如果本文件的包与src不是在同一个目录,就要将basepath设置到src目录下 -->
	<script type="text/javascript">
		mxBasePath = '../src';
	</script>

	<!-- 引入支持库文件 -->
	<script type="text/javascript" src="../src/js/mxClient.js"></script>
	<!-- 示例代码 -->
	<script type="text/javascript">
		// 程序在此方法中启动
		function main(container) {
			// 检查浏览器支持
			if (!mxClient.isBrowserSupported()) {
				mxUtils.error('Browser is not supported!', 200, false);
			} else {
				//去锯齿效果
				mxRectangleShape.prototype.crisp = true;

				// 显示导航线 
				mxGraphHandler.prototype.guidesEnabled = true; 
				
			    // Alt键禁用导航线
			    mxGuide.prototype.isEnabledForEvent = function(evt)
			    {
			    	return !mxEvent.isAltDown(evt);
			    };
				
				// 显示终点
				mxEdgeHandler.prototype.snapToTerminals = false;
				
				var graphs = [];
				
				// 在容器中创建图形
				for (var i = 0; i < 2; i++) {
					var container = document.createElement('div');
					container.style.overflow = 'hidden';
					container.style.position = 'relative';
					container.style.width = '321px';
					container.style.height = '241px';
					container.style.background = 'url(\'editors/images/grid.gif\')';
					container.style.cursor = 'default';
					
					//在页面中插入容器
					document.body.appendChild(container);
					
					var graph = new mxGraph(container);
					graph.gridSize = 30;
					
					// 设置容器自动调整大小
					//graph.setResizeContainer(true);
					
					// 允许弹性选项
					new mxRubberband(graph);
					
					// 在图形中创建默认组件 
					var parent = graph.getDefaultParent();
									
					// 开启模型的更新事务
					graph.getModel().beginUpdate();
					try
					{
						var v1 = graph.insertVertex(parent, null, 'Hello,', 20, 20, 80, 30);
						var v2 = graph.insertVertex(parent, null, 'World!', 200, 150, 80, 30);
						var e1 = graph.insertEdge(parent, null, '', v1, v2);
					}
					finally
					{
						//更新事务结束 
						graph.getModel().endUpdate();
					}
					//刷新图形
					graphs.push(graph);
				}
				
				// 检查图形中是否包含对应的elt节点
				function containsElt(graph, elt) {
					while (elt != null)
					{
						if (elt == graph.container)
						{
							return true;
						}
						
						elt = elt.parentNode;
					}
					
					return false;
				};
				
				// 返回鼠标选中的元素
				var graphF = function(evt)
				{
					var x = mxEvent.getClientX(evt);
					var y = mxEvent.getClientY(evt);
					var elt = document.elementFromPoint(x, y);
					
					for (var i = 0; i < graphs.length; i++)
					{
						if (containsElt(graphs[i], elt))
						{
							return graphs[i];
						}
					}
					
					return null;
				};
				
				// 在给定的位置插入一个元素 
				var funct = function(graph, evt, target, x, y)
				{
					var cell = new mxCell('测试CELL', new mxGeometry(0, 0, 120, 40));
					cell.vertex = true;
					var cells = graph.importCells([cell], x, y, target);

					if (cells != null && cells > 0)
					{
						graph.scrollCellToVisible(cells[0]);
						graph.setSelectionCells(cells);
					}
				};
				
				// 创建一个DOM节点，作为拖动源
				var img = mxUtils.createImage('images/icons48/gear.png');
				img.style.width = '48px';
				img.style.height = '48px';
				document.body.appendChild(img);
				
				// 禁用IE浏览器中的DnD功能（这是为了跨浏览器平台而设计的，见下文） 
				if (mxClient.IS_IE) {
					mxEvent.addListener(img, 'dragstart', function(evt)
					{
						evt.returnValue = false;
					});
				}
				
				// 创建拖动源的预览
				var dragElt = document.createElement('div');
				dragElt.style.border = 'dashed black 1px';
				dragElt.style.width = '120px';
				dragElt.style.height = '40px';
				
				// 在点击拖动源图标时提供预览。 预览是提供的仅仅是拖动源的图片
				// 只有拖动源到容器内时才会显示元素的坐标预览
				var ds = mxUtils.makeDraggable(img, graphF, funct, dragElt, null, null, graph.autoscroll, true);
				
				// 从拖动源拖动时显示导航线。
				// 注意，对图形中已存在的元素拖动时显示导航线不在本方法约束范围。
				ds.isGuidesEnabled = function() {
					return graph.graphHandler.guidesEnabled;
				};
				
				// 从拖动源拖动元素到图形以外的区域时，显示拖动源图片预览
				ds.createDragElement = mxDragSource.prototype.createDragElement; 
			}
		};
		
		// 提示: 要启用跨浏览器鼠标拖拽（如帧之间的），下面的方法需要重写：
		/*mxDragSourceMouseUp = mxDragSource.prototype.mouseUp;
		mxDragSource.prototype.mouseUp = function(evt)
		{
			var doc = this.element.ownerDocument;
			
			if (doc != document)
			{
				var mu = (mxClient.IS_TOUCH) ? 'touchend' : 'mouseup';
				
				if (this.mouseUpHandler != null)
				{
					
					mxEvent.removeListener(doc, mu, this.mouseUpHandler);
				}
			}
			
			mxDragSourceMouseUp.apply(this, arguments);
		};*/
		
		/*mxDragSourceMouseDown = mxDragSource.prototype.mouseDown;
		mxDragSource.prototype.mouseDown = function(evt)
		{
			if (this.enabled && !mxEvent.isConsumed(evt))
			{
				mxDragSourceMouseDown.apply(this, arguments);
				var doc = this.element.ownerDocument;
				
				if (doc != document)
				{
					var mu = (mxClient.IS_TOUCH) ? 'touchend' : 'mouseup';
					mxEvent.addListener(doc, mu, this.mouseUpHandler);
				}
			}
		};*/
	</script>
</head>

<!-- 页面载入时启动程序 -->
<body onload="main();">
</body>
</html>

 

 

 

你可能感兴趣的:(JavaScript)

  • java.lang.NoSuchMethodError: org.mozilla.javascript.ContextFactory.enterContext()Lorg/mozilla/javasc 程序猿熊跃晖 IDEAKettleIDEAKettle
    报错提示：ERROR(version5.4.1.8-209,build1from2016-10-2207.42.42bybuildguy):java.lang.NoSuchMethodError:org.mozilla.javascript.ContextFactory.enterContext()Lorg/mozilla/javascript/Context;pentaho-kettlekett
  • 【HTML】验证与调试工具 Guiat HTMLCSSJavaScripthtml前端
    个人主页：Guiat归属专栏：HTMLCSSJavaScript文章目录1.HTML验证工具概述1.1验证的重要性1.2常见HTML错误类型2.W3C验证服务2.1W3CMarkupValidationService2.2使用W3C验证器2.3验证结果解读3.浏览器开发者工具3.1ChromeDevTools3.1.1打开ChromeDevTools3.1.2主要功能3.1.3Elements面板
  • 【CSS】CSS3进阶 Guiat HTMLCSSJavaScriptcsscss3前端
    个人主页：Guiat归属专栏：HTMLCSSJavaScript文章目录1.CSS基础概念1.1CSS语法结构1.2CSS引入方式1.2.1内联样式1.2.2内部样式表1.2.3外部样式表2.CSS选择器2.1基本选择器2.2组合选择器3.盒模型3.1标准盒模型与IE盒模型3.2margin和padding4.布局技术4.1Flexbox布局4.1.1Flex属性示例4.2Grid布局4.2.1G
  • 学习笔记——Vue的组件化开发 Nhuanuary vue.js学习笔记
    文章目录一、什么是组件化开发1.定义2.好处3.组件的基本结构二、普通组件的注册和使用1.局部注册（1）特点（2）步骤（3）使用方式：（4）注意：（5）语法（6）示例代码2.全局注册（1）特点（2）步骤（3）使用方式：（4）注意：（5）语法（6）示例代码一、什么是组件化开发1.定义Vue的组件化开发允许开发者将页面拆分成可重用、独立的组件，每个组件包含自己的HTML、CSS和JavaScript逻
  • ai说js的instanceof是什么怎么用 2301_78916954 javascriptjavascript开发语言ecmascript
    instanceof是一个用于检测对象是否是某个构造函数的实例的操作符（1）检测内置类型对于JavaScript的内置类型，instanceof可以用来检测对象是否是某种内置类型的实例。letarr=[1,2,3];console.log(arrinstanceofArray);//true（2）检测自定义类型instanceof也可以用来检测自定义类型。functionPerson(name){
  • function vs const 定义函数的区别 YiHanXii 前端基础知识javascript前端开发语言
    functionvsconst定义函数的区别在JavaScript中，我们可以使用function关键字和const+箭头函数(=>)来定义函数，它们在作用域、提升（Hoisting）、this绑定等方面有所不同。1️⃣语法区别//使用function关键字定义函数functionsayHello(){console.log("Hello!");}//使用const+箭头函数定义函数constsa
  • 在Ubuntu上安装MEAN Stack的4个步骤
    在Ubuntu上安装MEANStack的4个步骤为：1.安装MEAN；2.安装MongoDB；3.安装NodeJS，Git和NPM；4.安装剩余的依赖项。什么是MEANStack？平均堆栈一直在很大程度上升高为基于稳健的基于JavaScript的开发堆栈。名称的意思是指其组件;MongoDB，ExpressJS，Angularjs和NodeJS。第1步：安装MEAN对于此安装，我们将在本指南中使用
  • Node.js 安装与开发环境配置全指南 赵闪闪168 闪闪精选node.js
    **标题：Node.js安装与开发环境配置全指南**---###一、Node.js简介Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，用于构建高效、可扩展的网络应用程序。它以事件驱动、非阻塞I/O为特性，非常适合构建实时应用程序，如聊天系统、API服务器等。---###二、Node.js安装步骤####**1.官方安装方式**#####**（1）访问官网**打开[No
  • html视频自动缩放,HTML5 视频（videos）缩放JavaScript插件 韩睿芝 html视频自动缩放
    简要教程video-resize是一款可以对HTML5视频(videos)进行缩放的JavaScript插件。插件中设置了不同的响应式断点，并通过插入样式表的方式来修改HTML5视频的显示尺寸。使用方法使用该插件需要在页面中引入video-resize.min.js文件。HTML结构可以使用一个元素来作为HTML5视频文件的播放器。初始化插件首先创建一个video对象，然后通过init()方法来初
  • Windows 系统中使用 fnm 安装 Node.js 的完整指南 dbcccccsds windowsnode.js
    在开发JavaScript应用时，管理不同版本的Node.js是一项常见需求。FastNodeManager(fnm)是一款轻量级的Node.js版本管理工具，它让我们能够轻松地在不同版本之间切换。本文将详细介绍如何在Windows系统中使用fnm安装和配置Node.js。安装步骤1.安装fnm首先，我们需要使用Windows包管理器(winget)安装fnm：#下载并安装fnmwingetins
  • 解释Node.js，Node.js环境 WZMeiei 名词解释node.js
    一、关于Node.js从概念角度定义Node.js是一种让JavaScript脱离浏览器也能运行的技术。通常我们知道JavaScript是在浏览器里运行来实现网页的交互效果等功能的。但Node.js就像是给JavaScript开辟了一个新的“游乐场”，这个“游乐场”不在浏览器里，而是在服务器端或者电脑的本地环境里。类比就好比你之前只知道在游乐园里的某个小区域（浏览器）玩游戏（运行JavaScrip
  • Qt中的数据解析--XML与JSON处理全攻略 努力搬砖的咸鱼 QT中级开发技巧xmljsonqt开发语言
    概述XML（可扩展标记语言）和JSON（JavaScript对象表示法）是两种最常用的数据格式，分别适用于不同的场景。Qt框架为这两种格式提供了强大的解析工具，本文将详细介绍如何利用Qt库来高效地处理XML和JSON数据。XML解析Qt为XML解析提供了多种工具，开发者可以根据需求选择适合的方式。常用的类包括QXmlStreamReader和QDomDocument，它们分别适用于流式解析和树形结
  • Github 2025-03-23 php开源项目日报Top10 老孙正经胡说 githubphp开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2025-03-23统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量PHP项目10TypeScript项目1JavaScript项目1Shell项目1Laravel:以优雅语法简化Web开发创建周期：4028天开发语言：PHP协议类型：MITLicenseStar数量：30824个Fork数量：10526次关注人数：
  • 探索HTML5 Canvas：创造动态与交互性网页内容的强大工具 梦想家星空 html5前端html
    探索HTML5Canvas：创造动态与交互性网页内容的强大工具引言在HTML5的众多新特性中，Canvas无疑是最引人注目的元素之一。它为网页设计师和开发者提供了一个通过JavaScript和HTML直接在网页上绘制图形、图像以及进行动画处理的画布。Canvas的灵活性和强大功能，使得它成为创造动态、交互性网页内容的首选工具。本文将深入探讨HTML5Canvas的基本用法、应用场景以及如何利用它来
  • JavaScript重难点突破：防抖与节流 sententias javascript开发语言ecmascript
    防抖与节流是js中最常用的优化技术，因为用户在操作页面的时候常常会有误操作与多余操作，因此使用防抖和节流的技术可以提升性能和用户体验。防抖顾名思义，是防止用户因为意外操作导致函数立刻执行，破坏了用户体验，应用场景有窗口调整、实时输入查询、输入检测等。防抖的核心是延迟执行，也就是在一次操作后，等待一段时间delay，才会执行目标函数。如果在delay内再次触发事件，则重新计时。按照以上的思路尝试编写
  • 探索JavaScript的强大功能：从基础到高级应用 学习的锅 javascript开发语言ecmascript
    随着互联网技术的不断发展，JavaScript已经成为现代Web开发的基石。无论是简单的交互效果，还是复杂的前端框架，JavaScript都在其中扮演着不可或缺的角色。本文旨在对JavaScript进行深入探讨，从其基础概念到高级应用，并讨论开发者在学习和使用JavaScript过程中可能遇到的难点以及如何解决这些问题。一、JavaScript的起源与发展JavaScript诞生于1995年，由B
  • javascript速查 freetoshare 前端javascript
    javaScript:1、嵌入HTML中在浏览器中的脚本语言，用于人机交互。网景公司推出，ECMA组织维护JavaScript标准。2、特点：任何文本编辑工具编写由浏览器内置JavaScript引擎执行，不需要编译从上至下逐行执行，区分大小写3、用途：客户端数据计算、客户端表单合法性验证、浏览器事件的触发、网页特殊效果显示、服务器异步数据提交等等4、如何使用：事件：就是js触发的时机单击事件：on
  • java运行js代码 zru_9602 javajavajavascript开发语言
    在Java中运行JavaScript代码可以通过内置脚本引擎或第三方库实现。以下是具体方法和示例：方法1：使用Java内置的ScriptEngine（Nashorn引擎）适用场景：简单脚本执行（JDK8~14，JDK15+已移除Nashorn，需改用替代方案）。步骤：获取JavaScript引擎importjavax.script.ScriptEngine;importjavax.script.S
  • 红宝书第二十八讲：内存泄漏分析与优化策略通俗指南 前端javascript
    红宝书第二十八讲：内存泄漏分析与优化策略通俗指南资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、内存泄漏的常见场景当程序错误持有不再需要的对象引用，导致内存无法释放1。以下典型场景：1.意外全局变量functionleak(){tempData=newArray(1000);//忘记用let/var→变成全局变量//即使函数结束也不会释放}2.遗忘的定时器co
  • Thymeleaf学习教程 geekmice Thymeleaf后端xml个人开发
    文章目录1.环境搭建2.基本配置3.创建模板4.渲染模板5.运行程序6.常用语法7.进阶学习8.参考文档Thymeleaf是一个现代化的服务器端Java模板引擎，适用于Web和独立环境。它能够处理HTML、XML、JavaScript、CSS甚至纯文本。Thymeleaf的主要目标是提供一种优雅且高度可维护的模板创建方式。为了实现这一目标，它以自然模板的概念为基础，将模板文件作为原型，这意味着它们
  • JS异步原理 邓孝慈老公 javascript开发语言ecmascript
    JS异步原理JavaScript的任务执行模式JavaScript作为单线程语言，有两种任务的执行模式：同步模式和异步模式。同步模式就是代码自上而下依次执行。在异步模式下，异步任务又分为微任务和宏任务两种。而微任务和宏任务执行的事件队列也不同。其中微任务和宏任务主要是以下几种：宏任务微任务setTimeoutrequestAnimationFrame（有争议）setIntervalMutation
  • JavaScript 中 filter() 和 find() 的区别对比 胡歌1 javascript前端开发语言
    filter()和find()都是JavaScript数组的高阶函数，用于搜索数组元素，但它们有几个关键区别：1.基本区别特性filter()find()返回值新数组（包含所有匹配元素）第一个匹配的元素（不是数组）空结果返回空数组[]返回undefined用途筛选多个符合条件的元素查找第一个符合条件的元素2.代码示例对比示例数组constusers=[{id:1,name:'Alice',acti
  • Node.js 技术原理分析系列 —— Node.js 调试能力分析 qzw1210 node.js
    Node.js技术原理分析系列——Node.js调试能力分析Node.js作为一个强大的JavaScript运行时环境，提供了丰富的调试能力，帮助开发者诊断和解决应用程序中的问题。本文将深入分析Node.js的调试原理和各种调试技术。1.Node.js调试原理1.1V8调试器集成Node.js的调试能力主要基于V8引擎的调试协议。V8引擎提供了一套完整的调试API，Node.js通过这些API实现
  • JavaScript中集合常用操作方法详解 qzw1210 javascript开发语言ecmascript
    JavaScript中集合常用操作方法详解JavaScript中的集合主要包括数组(Array)、集合(Set)和映射(Map)。下面我将详细介绍这些集合类型的常用操作方法。数组(Array)数组是JavaScript中最常用的集合类型，提供了丰富的操作方法。创建数组//字面量创建constarr1=[1,2,3,4,5];//构造函数创建constarr2=newArray(1,2,3,4,5)
  • JavaScript定时器 旺代 javascriptudp开发语言
    目录JavaScript定时器详解一、定时器基础1.setTimeout：单次延迟执行2.setInterval：周期性执行3.清除定时器二、定时器底层机制1.事件循环（EventLoop）2.最小延迟限制三、定时器使用场景1.延迟执行2.轮询数据3.防抖（Debounce）与节流（Throttle）4.动画（优先使用requestAnimationFrame）JavaScriptsetInter
  • 基于Html+Css+javascript的网页制作（旅游主题） 二挡起步 web设计网页规划与设计前端cssjavascripthtml
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业，茶游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学
  • 技术长期主义：用本分思维重构JavaScript逆向知识体系（一）Babel、AST、ES6+、ES5、浏览器环境、Node.js环境的关系和处理流程 朴拙数据交易猿 javascript重构es6
    基础不牢，地动山摇，逆向越久，越发现基础的重要性，本系列，回顾js逆向基础，让自己的知识体系更加系统化。以下是Babel、AST、ES6+、ES5、浏览器环境、Node.js环境的关系和流程的详细说明及图表：一、核心关系图表ES6+代码Babel:解析,转换,生成AST抽象语法树:语法树操作ES5代码:浏览器/Node.js兼容Polyfill如core-js浏览器环境Node.js环境二、详细流
  • TypeScript 类 vs. ES6 类：深入对比与最佳实践 vvilkim TypeScripttypescriptes6javascript
    在现代JavaScript开发中，类（Class）是面向对象编程（OOP）的核心概念之一。ES6（ECMAScript2015）引入了基于原型的类的语法糖，而TypeScript在兼容ES6类的基础上，通过静态类型系统和额外特性进一步增强了类的功能。本文将深入探讨TypeScript类与ES6类的区别，涵盖类型系统、访问控制、抽象类、接口实现、装饰器等关键特性，并分析它们在实际开发中的应用场景和最
  • 前端多线程革命：深入探索 Worker 技术的应用与未来 斯~内克 javaScript前端javascript
    引言在单线程统治前端开发的漫长岁月里，开发者们始终面临着一个根本性矛盾：日益复杂的业务需求与JavaScript单线程运行机制之间的冲突。当我们试图在浏览器中实现图像处理、大数据计算或实时通信等复杂功能时，总会遇到界面卡顿、响应延迟等性能瓶颈。Worker技术的出现，犹如一道曙光，为前端开发打开了通向多线程世界的大门。本文将带您深入探索WebWorker、ServiceWorker和Worklet
  • 使用 JavaScript 实现撤销和重做功能的实现思路与伪代码 斯~内克 javaScript开发记录javascript开发语言ecmascript
    一、核心实现原理命令模式+双栈机制操作记录栈（undoStack）：存储所有已执行的操作撤销恢复栈（redoStack）：存储被撤销的操作每个操作需要记录反向操作（用于撤销时的逆向执行）二、基础实现（伪代码）classUndoRedoManager{constructor(){this.undoStack=[];//操作记录栈this.redoStack=[];//撤销恢复栈this.curren
  • 异常的核心类Throwable 无量 java源码异常处理exception
    java异常的核心是Throwable，其他的如Error和Exception都是继承的这个类 里面有个核心参数是detailMessage，记录异常信息，getMessage核心方法，获取这个参数的值，我们可以自己定义自己的异常类，去继承这个Exception就可以了，方法基本上，用父类的构造方法就OK，所以这么看异常是不是很easy package com.natsu;
  • mongoDB 游标（cursor） 实现分页 迭代 开窍的石头 mongodb
    上篇中我们讲了mongoDB 中的查询函数，现在我们讲mongo中如何做分页查询      如何声明一个游标        var mycursor = db.user.find({_id:{$lte:5}});       迭代显示游标数
  • MySQL数据库INNODB 表损坏修复处理过程 0624chenhong tomcatmysql
    最近mysql数据库经常死掉，用命令net stop mysql命令也无法停掉，关闭Tomcat的时候，出现Waiting for N instance(s) to be deallocated 信息。查了下，大概就是程序没有对数据库连接释放，导致Connection泄露了。因为用的是开元集成的平台，内部程序也不可能一下子给改掉的，就验证一下咯。启动Tomcat,用户登录系统，用netstat -
  • 剖析如何与设计人员沟通 不懂事的小屁孩 工作
    最近做图烦死了，不停的改图，改图……。烦，倒不是因为改，而是反反复复的改，人都会死。很多需求人员不知该如何与设计人员沟通，不明白如何使设计人员知道他所要的效果，结果只能是沟通变成了扯淡，改图变成了应付。 那应该如何与设计人员沟通呢？ 我认为设计人员与需求人员先天就存在语言障碍。对一个合格的设计人员来说，整天玩的都是点、线、面、配色，哪种构图看起来协调；哪种配色看起来合理心里跟明镜似的，
  • qq空间刷评论工具 换个号韩国红果果 JavaScript
    var a=document.getElementsByClassName('textinput'); var b=[]; for(var m=0;m<a.length;m++){ if(a[m].getAttribute('placeholder')!=null) b.push(a[m]) } var l
  • S2SH整合之session 灵静志远 springAOPstrutssession
    错误信息： Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'cartService': Scope 'session' is not active for the current thread; consider defining a scoped
  • xmp标签 a-john 标签
    今天在处理数据的显示上遇到一个问题： var html = '<li><div class="pl-nr"><span class="user-name">' + user + '</span>' + text + '</div></li>'; ulComme
  • Ajax的常用技巧（2）---实现Web页面中的级联菜单 aijuans Ajax
    在网络上显示数据，往往只显示数据中的一部分信息，如文章标题，产品名称等。如果浏览器要查看所有信息，只需点击相关链接即可。在web技术中，可以采用级联菜单完成上述操作。根据用户的选择，动态展开，并显示出对应选项子菜单的内容。 在传统的web实现方式中，一般是在页面初始化时动态获取到服务端数据库中对应的所有子菜单中的信息，放置到页面中对应的位置，然后再结合CSS层叠样式表动态控制对应子菜单的显示或者隐
  • 天-安-门，好高 atongyeye 情感
        我是85后，北漂一族，之前房租1100，因为租房合同到期，再续，房租就要涨150。最近网上新闻，地铁也要涨价。算了一下，涨价之后，每次坐地铁由原来2块变成6块。仅坐地铁费用，一个月就要涨200。内心苦痛。     晚上躺在床上一个人想了很久，很久。        我生在农
  • android 动画 百合不是茶 android透明度平移缩放旋转
    android的动画有两种  tween动画和Frame动画   tween动画;,透明度,缩放,旋转,平移效果   Animation   动画 AlphaAnimation 渐变透明度 RotateAnimation 画面旋转 ScaleAnimation 渐变尺寸缩放 TranslateAnimation 位置移动 Animation
  • 查看本机网络信息的cmd脚本 bijian1013 cmd
    @echo 您的用户名是：%USERDOMAIN%\%username%>"%userprofile%\网络参数.txt" @echo 您的机器名是：%COMPUTERNAME%>>"%userprofile%\网络参数.txt" @echo ___________________>>"%userprofile%\
  • plsql 清除登录过的用户 征客丶 plsql
    tools---preferences----logon history---history  把你想要删除的删除 -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一起进步。 email ： binary_spac
  • 【Pig一】Pig入门 bit1129 pig
    Pig安装 1.下载pig   wget http://mirror.bit.edu.cn/apache/pig/pig-0.14.0/pig-0.14.0.tar.gz   2. 解压配置环境变量      如果Pig使用Map/Reduce模式，那么需要在环境变量中，配置HADOOP_HOME环境变量   expor
  • Java 线程同步几种方式 BlueSkator volatilesynchronizedThredLocalReenTranLockConcurrent
    为何要使用同步？      java允许多线程并发控制，当多个线程同时操作一个可共享的资源变量时（如数据的增删改查），      将会导致数据不准确，相互之间产生冲突，因此加入同步锁以避免在该线程没有完成操作之前，被其他线程的调用，      从而保证了该变量的唯一性和准确性。 1.同步方法&
  • StringUtils判断字符串是否为空的方法（转帖） BreakingBad nullStringUtils“”
    转帖地址：http://www.cnblogs.com/shangxiaofei/p/4313111.html   public static boolean isEmpty(String str)   　　判断某字符串是否为空，为空的标准是 str== null  或 str.length()== 0  
  • 编程之美-分层遍历二叉树 bylijinnan java数据结构算法编程之美
    import java.util.ArrayList; import java.util.LinkedList; import java.util.List; public class LevelTraverseBinaryTree { /** * 编程之美 分层遍历二叉树 * 之前已经用队列实现过二叉树的层次遍历，但这次要求输出换行，因此要
  • jquery取值和ajax提交复习记录 chengxuyuancsdn jquery取值ajax提交
    // 取值 // alert($("input[name='username']").val()); // alert($("input[name='password']").val()); // alert($("input[name='sex']:checked").val()); // alert($("
  • 推荐国产工作流引擎嵌入式公式语法解析器-IK Expression comsci java应用服务器工作Excel嵌入式
    这个开源软件包是国内的一位高手自行研制开发的，正如他所说的一样，我觉得它可以使一个工作流引擎上一个台阶。。。。。。欢迎大家使用，并提出意见和建议。。。 ----------转帖--------------------------------------------------- IK Expression是一个开源的（OpenSource），可扩展的（Extensible），基于java语言
  • 关于系统中使用多个PropertyPlaceholderConfigurer的配置及PropertyOverrideConfigurer daizj spring
    1、PropertyPlaceholderConfigurer Spring中PropertyPlaceholderConfigurer这个类，它是用来解析Java Properties属性文件值，并提供在spring配置期间替换使用属性值。接下来让我们逐渐的深入其配置。 基本的使用方法是：(1) <bean id="propertyConfigurerForWZ&q
  • 二叉树:二叉搜索树 dieslrae 二叉树
        所谓二叉树,就是一个节点最多只能有两个子节点,而二叉搜索树就是一个经典并简单的二叉树.规则是一个节点的左子节点一定比自己小,右子节点一定大于等于自己(当然也可以反过来).在树基本平衡的时候插入,搜索和删除速度都很快,时间复杂度为O(logN).但是,如果插入的是有序的数据,那效率就会变成O(N),在这个时候,树其实变成了一个链表. tree代码:
  • C语言字符串函数大全 dcj3sjt126com cfunction
    C语言字符串函数大全     函数名: stpcpy 功 能: 拷贝一个字符串到另一个 用 法: char *stpcpy(char *destin, char *source); 程序例:   #include <stdio.h> #include <string.h>   int main
  • 友盟统计页面技巧 dcj3sjt126com 技巧
    在基类调用就可以了, 基类ViewController示例代码 -(void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [MobClick beginLogPageView:[NSString stringWithFormat:@"%@",self.class]];
  • window下在同一台机器上安装多个版本jdk，修改环境变量不生效问题处理办法 flyvszhb javajdk
    window下在同一台机器上安装多个版本jdk，修改环境变量不生效问题处理办法 本机已经安装了jdk1.7，而比较早期的项目需要依赖jdk1.6，于是同时在本机安装了jdk1.6和jdk1.7. 安装jdk1.6前，执行java -version得到 C:\Users\liuxiang2>java -version java version "1.7.0_21&quo
  • Java在创建子类对象的同时会不会创建父类对象 happyqing java创建子类对象父类对象
      1.在thingking in java 的第四版第六章中明确的说了，子类对象中封装了父类对象，   2."When you create an object of the derived class, it contains within it a subobject of the base class. This subobject is the sam
  • 跟我学spring3 目录贴及电子书下载 jinnianshilongnian spring
        一、《跟我学spring3》电子书下载地址： 《跟我学spring3》  （1-7 和 8-13） http://jinnianshilongnian.iteye.com/blog/pdf     跟我学spring3系列 word原版 下载     二、 源代码下载 最新依
  • 第12章 Ajax（上） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • BI and EIM 4.0 at a glance blueoxygen BO
    http://www.sap.com/corporate-en/press.epx?PressID=14787   有机会研究下EIM家族的两个新产品~~~~   New features of the 4.0 releases of BI and EIM solutions include: Real-time in-memory computing –
  • Java线程中yield与join方法的区别 tomcat_oracle java
    长期以来，多线程问题颇为受到面试官的青睐。虽然我个人认为我们当中很少有人能真正获得机会开发复杂的多线程应用(在过去的七年中，我得到了一个机会)，但是理解多线程对增加你的信心很有用。之前，我讨论了一个wait()和sleep()方法区别的问题，这一次，我将会讨论join()和yield()方法的区别。坦白的说，实际上我并没有用过其中任何一个方法，所以，如果你感觉有不恰当的地方，请提出讨论。 &nb
  • android Manifest.xml选项 阿尔萨斯 Manifest
    结构 继承关系 public final class Manifest extends Objectjava.lang.Objectandroid.Manifest 内部类 class Manifest.permission权限 class Manifest.permission_group权限组 构造函数 public Manifest () 详细 androi
  • Oracle实现类split函数的方 zhaoshijie oracle
    关键字：Oracle实现类split函数的方 项目里需要保存结构数据，批量传到后他进行保存，为了减小数据量，子集拼装的格式，使用存储过程进行保存。保存的过程中需要对数据解析。但是oracle没有Java中split类似的函数。从网上找了一个，也补全了一下。 CREATE OR REPLACE TYPE t_split_100 IS TABLE OF VARCHAR2(100); cr
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他