存档

2013年4月 的存档

dhtmlxGrid内容实时动态修改

2013年4月27日 没有评论

实现的功能

功能:实现grid内容实时动态的修改

用到的技术

1、Dataprocessor和Grid结合
2、Dataprocessor主要API
enableDataNames(true) 这个参数设为true是和Grid的setColumnIds()结合使用的.
setUpdateMode(“off”) 该处设置手动更改数据
setUpdated(row,true) 第二个参数为true则更新选定行的数据,否则为false,不更新数据
sendData() 发送数据到服务器
3、Grid的主要API
事件:
onEditCell(stage,row,cell,newValue,oldValue)
Stage有3个状态,0为编辑前,1为编辑中,2为编辑后
修改数据的实现写在2状态中
服务器响应:
通过dataprocessor的对象绑定onAfterUpdate事件后可以在jsp
页面编写回调函数提示数据修改成功

dp.attachEvent("onAfterUpdate", some_function);
function  some_function(…..){
//代码
}

注意 响应xml的编写格式

<data>
	<action type="my_error" sid="id" tid="id">
		Details
	</action>
</data>
//回调函数参数列表
onAfterUpdate - occurs for each action tag in xml response
-sid 
-action
-tid
-xml node object

阅读全文…

dhtmlxGrid表格随填随存回调方式

2013年4月27日 没有评论

基本方法

做表格随填随存时,如果需要传递参数,使用如下方法:

upFinancePropertyConfig=new dataProcessor("
		financePropertyConfigAction!setFinancePropertyConfig.action?
		budgetItemId="+ rowId + "&colIndex="+ colIndex + "
			&value="+ newValue );

方式发送请求可能会存在参数传递不正确问题,这时使用如下方法:

upFinancePropertyConfig = new PanelUpdater(
		bgObj,
		 "divNULL",
		"financePropertyConfigAction!setFinancePropertyConfig.action?
		budgetItemId="+ rowId
		+ "&colIndex="+ colIndex
		+ "&value="+ newValue
		);

以上方式发送请求,则后台可以正确接收请求。

阅读全文…

dhtmlxGrid中实现分页查询

2013年4月25日 没有评论

注:将Tomcat 5.0下的conf/server.xml中的URIEncoding 设置成UTF-8可以解决中文问题

导入文件

<link rel="STYLESHEET" type="text/css"
	href="../../codebase/dhtmlxgrid.css">
<link rel="STYLESHEET" type="text/css"
	href="../../codebase/ext/dhtmlxgrid_pgn_bricks.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../codebase/dhtmlxgrid.js"></script>
<script src="../../codebase/ext/dhtmlxgrid_pgn.js"></script>
<script src="../../codebase/dhtmlxgridcell.js"></script>

jsp页中的相关设置

//两个input域 和一个button按钮用于模糊查询

<div>
	Name
	<br>
	<input type="text" id="search_name">
</div>
<div>
	Chname
	<br>
	<input type="text" id="search_chname">
	<button onclick=
	reloadGrid();
id="submitButton"
		style="margin-left: 30px;">
		Search
	</button>
</div>
<div id="gridbox"
	style="width: 100%; height: 200px;
	margin-top: 20px; margin-bottom: 10px;">
</div>
<div>
	<span id="pagingArea"></span>
</div>

阅读全文…

dhtmlx TreeGrid分步请求加载的实现方法

2013年4月23日 没有评论

分析问题

在页面显示效果如:
dhtmlx TreeGrid分步请求
在treegrid中实现点击北京市只加载北京市的子节点,也就是说在页面只显示如上图所示的,而海淀区、西城区、东城区等下面的节点不能在点击北京市时也加载出来。只有当点击海淀区、西城区等时,对应的子节点才加载。

解决方案

分步请求加载内容:将批量内容的加载,分成若干个步加载。

优点

缓解数据库的压力,更有效、更快地将有关内容加载到页面。

阅读全文…

百度网盟贴片推广使用说明

2013年4月22日 没有评论

贴片推广介绍

今天在看百度网盟帮助文档的时候,看到一个词”贴片推广”,当时没有明白啥意思,随后在网上查了一些贴片推广的资料,和大家分享下。
贴片推广是通常在视频播放前或在线游戏加载时展现推广信息的一种推广方式,多见于小游戏类、视频影视类站点及一些视频点播软件。下面详细介绍百度网盟贴片推广产品.

百度网盟贴片推广的优点

收益高:贴片推广较特殊的展示时间点使其对受众具有一定强制性,且展示在高关注区域,能很好的抓住眼球,获得高点击率。点击率高,收益自然就高。同时,广告主十分青睐贴片推广这种推广形式,愿意为此付出更高的推广费用。
体验好:贴片推广在受众进行主要活动如看电影、玩游戏时并不进行展示。没有额外的打扰,网民的接受度很高。

阅读全文…

程序员妻子的自述

2013年4月22日 没有评论

我曾经跟朋友开玩笑说,这个时代,有两种人的妻子应该要受人尊敬,第一种是军嫂,这是毫无争议的,第二种就是像我这样的,程序员的老婆。当然,这个玩笑半分自嘲半分真。我的本科是穿着大白褂在各种挂着植物、动物、有机化学、无机化学的门牌的实验室里度过的,在显微镜下给三段生的夹竹桃画过横切片图,在大头针和解剖剪子的辅助下找过蚯蚓的三条神经,闻过带有臭鸡蛋味的硫化氢气体……

是的,你们都猜对了,我确实是相貌平平,不修边幅,素面朝天的理科女。见了人就开始习惯性地科普:蝴跟蝶,蜻跟蜓,其实是不一样的,还有,白菜跟萝卜其实都是属于十字花科啦,香港的市花根本就不是紫荆,那是马蹄甲,还有,还有,那个康乃馨的学名其实更好听的,叫石竹花……

没有人欣赏我。

因 为没有人在意我在说什么。是啊,我说的那些东西根本就没什么用处,别人还不如去微博上关注科学松鼠会。他们说,女生就应该好好打扮自己嫁个好老公,谁关心 什么纲目科属种。他们说,女生就应该多读点张小娴和亦舒。他们说,女生就应该多学点礼仪和瑜伽。他们说,你要是什么都不会,就学点厨艺啊。他们说,理科的 女生就是木讷,又没有情调,不如去选修一个文科的双学位吧?

——为什么呢?

——为什么?!你不想嫁个好老公吗?!

——哦。
阅读全文…

Dhtmlx TreeGrid关键词定位功能实现

2013年4月17日 没有评论

引入JS文件

<link rel="STYLESHEET" type="text/css" 
	href="../dhtmlxGrid/codebase/dhtmlxgrid.css">
<script src="../dhtmlxGrid/codebase/dhtmlxcommon.js"/>
<script src="../dhtmlxGrid/codebase/dhtmlxgrid.js"/>
<script src="../dhtmlxGrid/codebase/dhtmlxgridcell.js"/>
<script src="../dhtmlxTreeGrid/codebase/dhtmlxtreegrid.js"/>
<script src="../dhtmlxGrid/codebase/ext/dhtmlxgrid_filter.js"/>
<script src="../dhtmlxTreeGrid/codebase/ext/dhtmlxtreegrid_filter.js"/>

执行初始化方法

<div id="gridbox" width="100%" height="250px"
	style="background-color: white; overflow: hidden">
</div>
<script>
	//将treeGrid放入id为’gridbox’的div中
	mygrid=newdhtmlXGridObject('gridbox');
	//引入图片
	mygrid.setImagePath("../dhtmlxGrid/codebase/imgs/icons_books/");
	//设置表头		
	mygrid.setHeader("Search, Text Filter, Select Filter");
	//设置检索类型(有文本框查找,文本框过滤,下拉列表过滤)
	mygrid.attachHeader("#text_search,#text_filter,#select_filter");
	//设置单元格的大小
	mygrid.setInitWidths("200,100,*");
	//数据的对齐方式
	mygrid.setColAlign("left,right,right");
	//设置每列的数据类型
	mygrid.setColTypes("tree,price,ed");
	//排序方式(有字符排序,数字排序,Date排序等)
	mygrid.setColSorting("str,int,int");
	//初始化
	mygrid.init();
	// loadXML()方法在XMl或Action中得到XML类型的数据
	mygrid.loadXML("treegrid_sample.xml");
</script>

阅读全文…

Dhtmlx TreeGrid中文帮助文档

2013年4月17日 没有评论

简单TreeGrid的实现

1、导入关键文件

<link rel="STYLESHEET" type="text/css" 
	href="../dhtmlxGrid/codebase/dhtmlxgrid.css"/>
<script src="../dhtmlxGrid/codebase/dhtmlxcommon.js"/>
<script src="../dhtmlxGrid/codebase/dhtmlxgrid.js"/>
<script src="../dhtmlxGrid/codebase/dhtmlxgridcell.js"/>
<script src="../dhtmlxTreeGrid/codebase/dhtmlxtreegrid.js"/>

2、初始化

<div id="gridbox" width="100%" height="250px" style="overflow:hidden"/>
<script>
	mygrid = new dhtmlXGridObject('gridbox'); 
//xml文件中图片的路径
	mygrid.setImagePath("<%=url%>Grid/codebase/imgs/icons_books/";
	mygrid.setHeader("Tree,Plain Text,Long Text,Color,Checkbox"); 
//列类型(要显示为树行结构第一列必值须为tree,ed为可编辑,txt为文本框…)
	mygrid.setColTypes("tree,ed,txt,ch,ch");
	mygrid.init(); 
	mygrid.loadXML("test_list_1.xml");
</script>

3、基本XML结构(基本机构就是使用row的嵌套达到树形效果)

<?xml version="1.0" encoding="UTF-8"?>
<rows>
	<row id="h1">
		<cell image="folder.gif">Honda</cell>
		<cell>...</cell>
		<cell>...</cell>
		 <row id=“c1”>
			<cell image="folder.gif">Honda</cell>
			<cell>...</cell>
			<cell>...</cell>
		<row>
	</row>
</rows>

阅读全文…

dhtmlxVault中文学习资料

2013年4月14日 没有评论

Initialize object on page

<div id="vaultDiv"></div>
vault = new dhtmlXVaultObject();
vault.setImagePath("codebase/imgs/");
vault.setServerHandlers("UploadHandler.php", "GetInfoHandler.php",
		"GetIdHandler.php");
vault.setFilesLimit(1);// 控制文件的上传数量:0不限制,1只能是一个
// 检测文件的上传类型
vault.onAddFile = function(fileName) {
	var ext = this.getFileExtension(fileName);
	if (ext != "txt" && ext != "doc") {
		alert("You may upload only text documents "
				+ "(txt, doc). Please retry.");
		return false;
	} else {
		return true;
	}
};

//Use onUploadComplete event handler to update your DhtmlX controls or check the upload status.
回调函数(对所有上传文件的处理)

阅读全文…

高性能计算集群

2013年4月14日 没有评论

高性能计算集群简介

      就像冗余部件可以使你免于硬件故障一样,群集技术则可以使你免于整个系统的瘫痪以及操作系统和应用层次的故障。一台服务器集群包含多台拥有共享数据存储空 间的服务器,各服务器之间通过内部局域网进行互相连接;当其中一台服务器发生故障时,它所运行的应用程序将与之相连的服务器自动接管;在大多数情况下,集 群中所有的计算机都拥有一个共同的名称,集群系统内任意一台服务器都可被所有的网络用户所使用。一般而言,群集和高可用性结合的服务器可将运行提升至 99.99%。群集技术不仅仅能够提供更长的运行时间,它在尽可能地减少与既定停机有关的停机时间方面同样有着重要意义。例如,如果使用群集,你可以在关 闭一台服务器的同时,不用与用户断开即可进行应用,硬件,操作系统的”流动升级”。集群系统通过功能整合和故障过渡技术实现系统的高可用性和高可靠性,集 群技术还能够提供相对低廉的总体拥有成本和强大灵活的系统扩充能力。
      随着计算机技术的发展和越来越广泛的应用,越来越多的依赖于计算机技术的应用系统走进了我们的工作和生活。在给我们带来方便和效率的同时,也使得各行各业 对于计算机技术的依赖程度越来越高。尽管随着计算机技术以日新月异的速度发展,单台计算机的性能和可靠性越来越好,但还是有许多现实的要求是单台计算机难 以达到的。
高可用性集群,英文原文为High Availability Cluster, 简称HA Cluster,是指以减少服务中断(宕机)时间为目的的服务器集群技术。
      随着全球经济的增长,世界各地各种各样的组织对IT系统的依赖都在不断增加,电子贸易使得商务一周七天24小时不间断的进行成为了可能。新的强大的应用程 序使得商业和社会机构对日常操作的计算机化要求达到了空前的程度,趋势非常明显,我们无时无刻不依赖于稳定的计算机系统。
      这种需求极速的增长,使得对系统可用性的要求变得非常重要,许多公司和组织的业务在很大程度上都依赖于计算机系统,任何的宕机都会造成严重的损失,关键 IT系统的故障可能很快造成整个商业运作的瘫痪,每一分钟的宕机都意味着收入、生产和利润的损失,甚至于市场地位的削弱。