[发布]GT-Grid 1.36 版 ★& 前后台结合示例★2008-12-01 12AM 更新(最后更新时间 :12月1日 中午12点时, 修
[发布]GT-Grid 1.36 版 ★& "前后台结合示例"★2008-12-01 12AM 更新
(最后更新时间 :12月1日 中午12点时, 修正了 1.36的一个严重bug
实在抱歉啊 
)
这个版本应该是 2008年的倒数第二个版本,08年的最后一个版本应该是对该版本的一个修正版.
要感谢的人太多,但是大恩不言谢,所以感激的话我就不多说了,只说一句:
谢谢那些支持我的朋友, 是你们让我坚持下去.
只要你们还需要gt-grid, 那么它就不会死.
由于各种原因 小胖儿 最近一个月几乎没有访问过qq.群 对不起群里的朋友了.
有问题大家还是到je里提吧.
ok, 下面言归正传 :
============================
这个版本带有 与java后台结合的示例.
单独的最新版本的 GT-Grid 在
==========================================
==========================================
关于GT的更多介绍可以参加下面地址:
列表组件 GT-Grid 最新版本 & 教程
==========================================
==========================================
如果只对 gt-grid 感兴趣
那么您只需关注 包中gtdemo\WebContent\gt-grid 下的内容
另外 大家注意一下 里面的这个文件 api_document.txt
虽然还很粗糙 但是 比以前已经完善了很多 ,已经可以作为一个简单的参考了
==========================================
这个例子 主要演示了 gt-grid与后台结合的方法.
请大家重点看action 里是如何从客户端取数据 以及如何向客户端送数据的
而其他地方 例如action如何实现的 , dao层是如何实现的 等等不是大家要看的重点.
dao层只要能返回一个 数据集合 并且这个集合能够转换成json字符串
那么dao层怎么实现 完全按你自己的意愿来.
这个示例中提供了一个 GridServerHandler的工具类, 建议看看这个类的实现方法
这样能更好的理解 gt-grid和后台交互的方式以及原理.
整个示例的后台代码 我没有使用任何第三方框架 所以难免粗糙 还请大家海涵.
==========================================
运行步骤
1 部署后, 运行 startdb.bat 启动数据库
* h2manager.bat是一个h2db提供的数据库管理程序.
2 启动web应用
3 在浏览器里输入 http://127.0.0.1:8080/gtdemo/index.do
(地址根据实际情况而定),进入"示例列表"页面
4 目前"示例列表"中有三个示例.
您可以点击您感兴趣的进行查看和研究.
=============================================
注意: 附件并不是一个直接部署的war包 而是一个eclipse项目
不过我相信有经验的朋友可以很轻易的就部署成功
data:[{'no':'01','sql':'select count(*) from t_student t where t.sex='1''}]
请改为
data:[{'no':'01','sql':"select count(*) from t_student t where t.sex='1'"}]注意 双引号 单引号 嵌套问题
当然 你也可以使用\ 将内部的引号转义.
(这个问题太...
)
页面代码:
<link rel="stylesheet" type="text/css" href="/pro/GTGrid/gt_grid.css" />
<script type="text/javascript" src="/pro/GTGrid/gt_msg_cn.js"></script>
<script type="text/javascript" src="/pro/GTGrid/gt_grid_all.js"></script>
<div id="grid1_containerf163" style="overflow-x:auto;overflow-y:auto;height:300px;margin:10px 5px"></div>
<script type="text/javascript" >
var dialogEditor = function(){
var myd = new GT.DialogEditor({
id: "sqlEditor",
gridId : "grid1" ,
width : 320,
height : 200,
title : '查询条件编辑器' ,
body : ['<textarea id="sql_input" rows="8" cols="20" style="width:99%"></textarea><br/>',
'<input type="button" value="确定" onclick="GT.$grid(\'grid1\').activeDialog.confirm()"/>'].join(''),
getValue : function(){
return GT.$("sql_input").value;
},
setValue : function(value){
GT.$("sql_input").value = value;
},
active : function(){
GT.U.focus(GT.$("sql_input"));
}
});
return myd;
};
var gridConfig={
id : "grid1",
loadURL : '/pro/data/dataLoad.do' ,
saveURL : '/pro/data/dataSave.do' ,
remotePaging : true,
columns : [{ id : 'no' , header : ' ',width : 99 , align : 'center', frozen : true },{ id : '01' , header : '男生总数(1班)' , width:99 ,align : 'center', editor: dialogEditor},{ id : '02' , header : '女生总数(1班)' , width:99 ,align : 'center', editor: dialogEditor},{ id : '03' , header : '总数(1班)' , width:99 ,align : 'center', editor: dialogEditor}] ,
container : 'grid1_containerf163',
toolbarPosition : 'bottom',
height : '300',
allowFreeze : true,
toolbarContent : 'nav | goto | pagesize | reload | save | info | state' ,
pageSize : 10
};
var mygrid=new GT.Grid( gridConfig );
GT.Utils.onLoad( GT.Grid.render(mygrid) );
</script> }else {
if($){
str=this.Gl7($);
}
}
_=["<set",str,"/>"];
_=_.join(" ");
if(_=="<set />"||(E===null||E===undefined)){
}
D.push(_);
}
this.setsXML=D.join("");
return this.setsXML;
},kx2:function(A,$){
$=$||this.setsXML;
var _=["<graph","caption='"+(this.caption||"")+"'","subCaption='"+(this.subCaption||"")+"'","outCnvBaseFontSize='12'","animation='0'"];
_.push(">"+$+"</graph>");
this.chartXML=_.join(" ");
return this.chartXML;
},updateChart:function($,_){
$=$||this.container;
_=_||this.chartXML;
updateChartXML($,_);
},op1:function($,_){
this.data=_||this.data;
this.Ya1();
this.kx2();
$=$||this.container;
this.chart.setDataXML(this.chartXML);
this.chart.render($);
}});
Sigma.Chart.SWFMapping={"column2D":"FCF_Column2D.swf","pie3D":"FCF_Pie3D.swf"}; 66 楼 Snow_Young 2009-01-31 哈哈～GTG已经越来越强了啊！
)
)