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,'');

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

jCT的纠结，前台模板下Grid基础版相关推荐

DTCMS插件的制作实例电子资源管理（三）前台模板页编写
总目录插件目录结构(一) Admin后台页面编写(二) 前台模板页编写(三) URL重写(四) 本实例旨在以一个实际的项目中的例子来介绍如何在dtcms中制作插件,本系列文章非入门教程,部分逻辑实现 ...
2023最新彩虹易支付源码免授权2.0版前台模板美化/用户中心美化
正文: 彩虹易支付源码最新版免授权,2.0版本前台模板美化+前台用户中心美化版在原来的基础上前后端都做了美化,结合了上个版本的前台模板美化,这次更新了前台用户中心美化2.0 程序: wwrhsi.l ...
模板引擎ejs与html,后台模板引擎ejs与前台模板引擎artTemplate的简单介绍
动态网页是指前端页面当中的数据内容来源于后台数据库,前端的html代码会随着后台数据的变化而变化,是动态生成的.制作动态网页有两种方式,一种方式是在后台拿到前端的html模板,利用后台模板引擎(如ej ...
Flask学习之旅——2.1 模板简介及基础使用
Flask学习之旅--2.1 模板简介及基础使用前言本文为<知了传课--模板简介>的学习笔记. 原文地址:第一节:模板简介 - Python框架Flask基础教程 - 知了传课 (zl ...
oracle 12c dg新特性,oracle 12c：新特性-网格(Grid)基础架构的增强
oracle 12c:新特性-网格(Grid)基础架构的增强,传统标准集群和Flex集群. Flex 集群 Oracle 12c 在集群安装时支持两类配置:传统标准集群和Flex集群.在一个传统标准集 ...
GridView中FooterTemplate模板下内容不显示
GridView的FooterTemplate模板下内容默认是不显示的,需GridView属性 ShowFooter="true"时FooterTemplate模板里的内容才会显示 ...
新版vue-cli模板下本地开发环境使用node服务器跨域
背景我们都知道浏览器有一个既核心也最基本的安全功能,即同源策略.同源分别是:协议,域名,端口.如果浏览器访问服务器不同源的话,就会访问不到数据.那开发中常常访问的服务器不同源,那么可以借助一个服务器 ...
vue读取服务器文件跨域,新版vue-cli模板下本地开发环境使用node服务器跨域的方法...
背景我们都知道浏览器有一个既核心也最基本的安全功能,即同源策略.同源分别是:协议,域名,端口.如果浏览器访问服务器不同源的话,就会访问不到数据.那开发中常常访问的服务器不同源,那么可以借助一个服务器 ...
OKR测试试卷模板（0基础）
此试卷适合0基础测试. 满分为100分,测试时间15-20min左右,具体题型设置为:判断题.单选题.多选题. OKR测试试卷模板(0基础) 一.判断题(共6题,每题5分,总分30分) OKR 是英文 ...

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

jCT的纠结，前台模板下Grid基础版相关推荐

最新文章

热门文章