存档

文章标签 ‘dhtmlXGrid’

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>

阅读全文…

dhtmlxGrid表格跨行跨列使用说明

2012年7月31日 没有评论

跨行使用

	mygrid = new dhtmlXGridObject('gridbox');
    mygrid.init();
    mygrid.enableRowspan(true)
    mygrid.loadXML("grid.xml",function(){
        mygrid.setRowspan(3,3,3);
        mygrid.setRowspan(3,2,2);
    }); 
    =================XML================
    <?xml version="1.0"?>
    <rows>
    <row id="6">
        <cell>-1200</cell>
        <cell rowspan="5">The Dark Half</cell>
        ...
    </row>
	

阅读全文…