jCT的纠结，前台模板下Grid基础版

SVN已经更新.最新下载：jCT最新版本

更多信息请看我博客里的jCT专题 ，或者jCT开源主页示例 里面有最简单的例子，另外我更希望感兴趣的你能直接提出html代码和需求，我们讨论如何用jCT的方法写出.

===============================================

前一篇jCT纠结文写完后，其实我并没有完整的去完成一个Grid,不实际完成他一些事情不能明细，也无法论证想法

那就实际的做一个完整的吧，现在已经完成了一个基础版的jCT Grid 请访问 jCT开源主页示例 ，感兴趣先看一下运行结果了，就是一个最简单结构的Grid 基础版本 源代码 也直接从googlecode查看吧。

稍后继续解释以及丰富这个Grid,呵呵，我自己也不知道接下来的开发会遇到什么问题，，，

I will be back....... .

====ps================================

汗呀！忘记测试IE下的效果了，，，修复了一下IE也正常显示了

======================================

2009-12-23凌晨

终于解决了一个功能：cell宽度的调整，唉，自己要想写出一点不同的结构还真不容易，抄人家的结构真的很没意思呀，硬着头皮搞了一个不一样的，不能说有啥好处，反正是自己想出来的，看了2个其他的实现还真和他们的结构不一样，天亮继续，先看章小说去，，，
2009-12-23 晚
重新组织了一下代码结构，并在FireFox,IE6,7(既然IE8可以采用IE7模式，那就不浪费生命了)测试完成，至此jCT Grid基础版正式完成(采用了jQuery,$.fn.noSelect 来自flexigrid，感谢Paulo P.Marinas)

可是怎么没有换页更新数据的支持？也无法编辑修改，提交数据？
基础版就是打个基础，这些都是额外的功能，我想表达的就是以模板形式开发组件改造是很容易的，因为代码大大简化了，基于我的习惯，下面我将用ajax细粒度通讯 和nameTree 的技术来完成这个
对于这个Grid的结构，在FireBug下查看一下，就很清楚了，唯一需要特殊解释的就是

<div class="jctgrid-colwidth index-n"><div></div></div>

 这个结构，这是为了能调节列宽度而准备的，其实Grid的cell中是没有垂直的边框线的，这个jctgrid-colwidth同时也扮演着垂直边框线的作用，因此就有了jctgrid-ghead,jctgrid-gbody在两个部分都需要放置这个jctgrid-colwidth
对于jctgrid.js里面的代码
1.由于模板的特性，模板不知道用户是要$('body').html(htmlsrc)，还是要用 $('body').append(htmlsrc)，而模板建立的紧紧是字符串源码不是DOM对象，所以通过对生成对象赋予唯一的id来确定新对象，因此设置了全局计数器GID,并使用到模板中
2.jCTLib是jCT模板组件操作的容器对象，由于现在还没有完善的组织目前就简单组织了个平板式的结构，也许以后 jCT模板组件编译转储后，会设计个新的结构
3.给jCT实例增加了PushView方法，就是直接把参数字符串压入输出缓存数组
4.考虑到以后 jCT模板组件编译转储的可读性，对 原 模板文本中的空白字符进行了简单删除

txt=txt.replace(/[\f\n\r\t\v]+/g,'');

 

模板和代码都不多，看看你应该很容易明白