SVN已经更新.最新下载:jCT最新版本
更多信息请看我博客里的jCT专题
,或者jCT开源主页示例
里面有最简单的例子,另外我更希望感兴趣的你能直接提出html代码和需求,我们讨论如何用jCT的方法写出.
=====================================================
jCT是前台模板,其实本身就具有了设计UI组件的功能.今天拿Tree实战一下.
通常tree的数据一般是单独获取的,为了方便我们手工做一个模拟的数据.
同样,对于样式的定义,我也偷个懒,先不管他,其实要做的话很简单,不过这不是重点.
<ul>
<!---/*+findsub*/
var D=this.D,pid=arguments[0];
var re=[];
for(var i=0;i<D.length;i++)
if(D[i].pid==pid) re.push(D[i]);
return re;
-->
<!---
var D=arguments[0];
for(var i=0;i<D.length;i++){
-->
<li>+-D[i].name-+</li>
<!---
var Sub=this.findsub(D[i].id);
if(Sub.length){
-->
<li><!---this.GetViewContinue(Sub);--></li>
<!---}} -->
</ul>
其中 findsub 定义了一个函数,用来查找子tree,当然你也可以把它独立出来写.GetViewContinue是递归的调用方法,因为tree的行为里有递归的成分,为什么不用GetView?因为GerView会清空输出缓存,不符合递归的需求.
就这么短!而且要控制样式,你可以随便写!比如简单到
通过判断i==0或者i==D.length-1.对应的
增加一些class或style罢了.
为了方便大家测试我在jCT的项目主页写好了一个测试的代码(仍然采用嵌入式模板的方法,因为这是最简单的用法)
http://jsct.googlecode.com/svn/trunk/jCT/example/example4.html
你觉得这段代码是否简洁?可制定度高呢?
分享到:
相关推荐
JCT 2557-2020 规范
JCT 2558-2020 规范
JCT 60006-2020 瓷砖薄贴法施工技术规程
标准 JCT174-2005无碱玻璃纤维带
JCT 621-2021 硅酸盐建筑制品用生石灰
JCT 1017-2020 建筑防水材料用聚合物乳液
JCT 620-2021 石灰取样方法
JCT 2595-2021 砂石分离机规范
JCT 2561-2020 金属复合板
JCT 2604-2021 仿石型混凝土面板和面砖
JCT 949-2021 混凝土制品用脱模剂
《环氧树脂地面涂层材料》JCT-1015-2006.doc
本标准规定了汽车后窗电热玻璃透射比,不透明率,耐清晰剂性,电极片焊接强度,电插片抗弯曲性,功率,除霜效率,超压性,热点温度,耐电热冲击性,耐盐雾性,电热线抗磨性,防潮湿性,耐久性,抗冲击性和碎片状态的...
JCT 618-2019化学解析方法
Report of Subjective Test Results of Responses to the Joint Call for Proposals (CfP) on Video Coding Technology for High Efficiency Video Coding (HEVC)所应用的测试序列
JCT 1057-2021 玻璃纤维增强水泥(GRC)外墙板
JCT 850-2021 水泥用铁质原料化学分析方法
JCT 1011-2021 混凝土抗侵蚀防腐剂
JCT 60003-2019
JCT 2567-2020