阀门专业网站从今以后，仔仔细细地过
【消息树】
您现在的位置：&&&&&
从今以后，仔仔细细地过&&&&&热&&&&&&&
从今以后，仔仔细细地过
[ 作者：09年第20期&|&更新时间：&|&阅读： ]&【字体： 】语文资源网：人教版、苏教版、语文版、鄂教版、冀教版、北师大版、京版资源中心
原创?系列?全面?实用
AshesofTime
下一篇更精彩：
上一篇文章：下一篇文章：
【实力成就精品
诚信呵护品牌】你的眼力 我的实力！《仔仔细细分析Ext》全面解析Ext模板XTemplate之一：更灵活、更高效的数据展示方式 - 天上的神明与星辰，人间的艺术和真纯，我们所敬畏和热爱的，莫过于此。 - ITeye技术网站
最常用的，容纳数据的面板是
它们内置了一些好用的工具方法，像排序、复选、折叠、搜索、编辑等等。
有些情况下，仅仅这几类的数据展示面板实在不够用。比如在一行数据里面放一张图片？
又或者在数据量比较大的时候，使用封装得比较严实
对象，会带来更严重的渲染性能问题。
再有就是，有时候我们只是展示一下数据，没有什么操作要做，实在没必要拿上那么重量级的武器。
那么在这些情况下，结合
来构建自己特有的数据展示界面就很有必要。而且，总体说，模板会比封装的
更高效一些。
另外，在阅读源代码的过程中，我发现一个事情，设计到
部分的内容大量地使用了
。所以，先把模板这部分内容熟悉一下也可以为继续阅读代码节省不少精力，磨刀不误砍柴工嘛。
模板中的一些特性对于熟悉
的人来说是相当亲切的，像自动行号、迭代操作、条件判断。
模板使用示例图片：
文档翻译：
模板类支持更高级的功能，例如：
自动填充数组；
按照基本的比较运算符进行条件过滤；
支持基本的方法匹配；
特殊的内置模板参数；
执行内嵌的代码，
模板也提供一种模式化的机制使它成为
Ext.DataView
模板支持很多特殊的标签和内置的操作符，这些没有被作为
的一部分来定义，但是可以作为模板的一部分来创建。以下的例子演示了所有支持的特性。下面是一个数据对象，每段示例代码都使用这个对象。
title: ' Ext
首席开发者
company: 'Ext JS, LLC',
email: '',
address: '4 Red Bulls Drive',
city: 'Cleveland',
state: 'Ohio',
zip: '44102',
drinks: ['Red Bull', 'Coffee', 'Water'],
name: 'Sara Grace',
name: 'Zachary',
name: 'John James',
自动填充数组并切换作用域
操作符，你可以把作用域切换到
所指向的对象，然后访问这个对象的成员来组装模板。如果
循环中的变量是一个数组，它将被自动填充，对于数组中的每个元素，重复
标签中的模板
来自动填充
。（译者注：这句的意思是，如果
循环里面指定的对象是个数组，就会自动解析这个数组，然后使用数组中的每个元素来填充模板。）
var tpl = new Ext.XTemplate(
'&p&Name: {name}&/p&',
'&p&Title: {title}&/p&',
'&p&Company: {company}&/p&',
'&p&Kids: ',
'&tpl for="kids"&',
'&p&{name}&/p&',
'&/tpl&&/p&'
tpl.overwrite(panel.body, data);
（译者注：运行效果图如下。
从内部的子模板作用域访问父对象
当处理一个子模板时，例如当迭代
这个数组的时候，你可以通过
”parent”
关键字来访问父对象的成员。
var tpl = new Ext.XTemplate(
'&p&Name: {name}&/p&',
'&p&Kids: ',
'&tpl for="kids"&',
'&tpl if="age & 1"&',
'&p&{name}&/p&',
{parent.name}&/p&',
'&/tpl&&/p&'
tpl.overwrite(panel.body, data);
（译者注：运行效果图如下。
数组元素序号和基本的匹配支持
当处理数组的时候，特殊的变量
可以提供数组当前的
（这个数据）。模板也支持基本的数学运算符
，这些操作符可以直接在数字型的数据值上使用。
new Ext.XTemplate(
'&p&Name: {name}&/p&',
'&p&Kids: ',
'&tpl for="kids"&',
'&tpl if="age &
{name}&/p&',
// &-- Auto-number
'&p&In 5 Years:
{age+5}&/p&',
// &-- Basic math
{parent.name}&/p&',
'&/tpl&&/p&'
tpl.overwrite(panel.body, data);
（译者注：运行效果图如下。
自动渲染普通的（译者注：数组元素不是对象，是基本的
普通的数组，包含的元素（不是对象型的）可以使用特殊的变量
在一个循环体内自动渲染。这个变量用来描述数组当前索引中的值。
var tpl = new Ext.XTemplate(
'&p&{name}\'s favorite beverages:&/p&',
for="drinks"&',
'&div& - {.}&/div&',
tpl.overwrite(panel.body, data);
（译者注：运行效果图如下。
基本的条件匹配逻辑
操作符，你可以提供条件检查，来决定是否渲染模板中指定的部分。注意：没有
如果需要，你必须使用两个条件不同的
。这里需要编码好的（译者注：意指
）符号，就像以下的示例一样
new Ext.XTemplate(
'&p&Name: {name}&/p&',
'&p&Kids: ',
'&tpl for="kids"&',
'&tpl if="age &
号是编码好的。
'&p&{name}&/p&',
'&/tpl&&/p&'
tpl.overwrite(panel.body, data);
（译者注：运行效果图如下。
执行任意内嵌代码的能力
在一个模板里面，位于
”{[…]}”
号中的任何东西都被当作是需要在模板作用域内被执行的代码。在这段代码里面，有一些特殊的变量可以使用：
：当前作用域下的值。如果你使用子模板来改变作用域，你就可以改变
”values”
：“祖先”模板的作用域（或值）。
：如果你在一个循环的模板里面，这个值表示你当前所在的“第几次”循环（从
：如果你在一个循环的模板里面，这个值表示你正在迭代的数组的总长度。
Ext.util.Format
对象的别名。
var tpl = new
Ext.XTemplate(
'&p&Name: {name}&/p&',
'&p&Company: {[pany.toUpperCase() + ", " +
values.title]}&/p&',
'&p&Kids: ',
'&tpl for="kids"&',
'&div class="{[xindex % 2 === 0 ? "even" :
"odd"]}"&',
'&/tpl&&/p&'
tpl.overwrite(panel.body,
（译者注：使用myext
Ext2.0 API
的人请注意，这份
上的这段示例代码有错误，无法运行。笔者查阅了原始的文档，发现和他们发出来的不一致。
（译者注：运行效果图如下。
模板的成员函数
对象中定义一个或多个成员函数传递给
的构造函数，来进行更复杂的处理。
tpl = new Ext.XTemplate(
'&p&Name: {name}&/p&',
'&p&Kids: ',
'&tpl for="kids"&',
if="this.isGirl(name)"&',
'&p&Girl: {name} -
{age}&/p&',
'&tpl if="this.isGirl(name) ==
'&p&Boy: {name} -
{age}&/p&',
if="this.isBaby(age)"&',
'&p&{name} is a
baby!&/p&',
'&/tpl&&/p&', {
isGirl: function(name){
return name == 'Sara Grace';
isBaby: function(age){
return age & 1;
tpl.overwrite(panel.body,
（译者注：运行效果图如下。
请注意模板的第六和第七个特性，这两个特性使得我们在实现处理数据时的一些特殊的要求变得轻而易举。而且这种写法代码清晰，可以说是相当优雅。
有了这七个示例给出来的
，对于模板的使用应该就比较顺畅了。下一篇，我们就来分析模板
到底是怎么实现的，它的运行机制是什么。
论坛回复 /
(1 / 5599)
damoqiongqiu
浏览: 417296 次
来自: 南京
写的不错，有指导意义
写的不错，值得一看
也给大漠点个赞
大神啊，我同意有位骚年的观点：存在便合理，即使是一种失败。我们 ...
哥们，多谢分享当前位置： &
& No.102 双蛇
正文 No.102 双蛇
书名：&& ||
& && && && &&
吾读小说网提供小说全本素材，本站域名
&&&&自古以来走私贩盐的生意便一直是条暴利非常的通天财路！&&&&而其中有盐无路、或者有路无盐的不定状况则造成了此种行业不易垄断的滞碍特性。：整理『小说齐全()更新快』&&&&因此从某种程度上来说纵横江海的巨鲸一帮在殷扬的眼中实是一块鲜美可口的蚝油牛肉。以之一向激进的贪婪作风如若瞅准机会不把它连根带足的吞下肚去又怎会轻易的甘心罢休？&&&&现下殷扬等人所乘坐的交通工具乃是由主管长江流域的朱雀分坛精心挑选、提供出来的航海大船。此船船甚快不出几日就已到达了目的地蛇岛。&&&&众人渡下小舟依次驶至与之前想象中完全不同的安静岛屿上。心中均都泛起了一丝细微的狐疑。&&&&根据先前的情报内容按照殷扬想来此刻的蛇岛之上必定已是布满了巨鲸帮的明卫暗哨……可是眼前的情景却在十分明确地告诉他事实并非如此。&&&&难道巨鲸帮见势不妙早已弃岛而逃？&&&&殷扬的心里才刚冒出这个念头便被自己给迅掐掉。&&&&很是否定的摇了摇头他显然并不认为实力强劲的巨鲸帮竟会囊到一仗不打便即选择逃命的白痴程度。此岛是巨鲸帮经营了数年时间才得以逐渐建设成型的坚实老窝若真这般懦弱的轻易放弃那么下令者的决定简直就跟自我阉割的行为差不上多少了。&&&&而麦鲲这个家伙要说他头脑犯浑、性子冲动还或许有些可能。但言其自寻死路却还未必笨到那个程度。&&&&殷扬思考未果索性兵来将挡直接带领手下双坛的精英人马深入岛中……&&&&一盏茶的路程以后一行人终于碰到了彼方的第一波阻敌。&&&&在一片微高的沙地路段迎面而来的确是两匹扬蹄飞驰的奔马。&&&&当先的乘者是一位相貌平凡、空着双手的长须老者。第二骑则是个面容刚强的劲装大汉。此人并不挽僵的左手上正倒提着一把背厚脊宽的硕长大刀那刀型既庞且巨看起来颇为吓人似乎很有些份量。&&&&两骑马行到对面就这么大喇喇的停在大道正中挡住了紫市堂众的必经之路。&&&&看了不动声色的殷扬一眼当先探路的封弓影强抑住自己的怒气朝向不远处的对过沉声喝道：“天鹰教殷堂主在此何人如此大胆敢挡我等去道！？”&&&&那名容貌刚强的大汉依旧骑在马上将紫市堂的阵容粗略扫过一遍之后这才不慌不忙的抱拳还礼对着封弓影回道：“在下三江帮齐典！敢问哪位是贵教的堂主？”&&&&殷扬自觉被人点名随即趋前一步朝着正向他望来的齐典从容笑道：“不才殷扬见过齐大帮主。只是未知……我教与巨鲸帮的小小误会又怎会惹出你们三江帮来？”&&&&齐典看向殷扬的目光稍稍的呆楞了一下明显是因对方的年龄而感到有些诧异。不过听完殷扬暗藏辞锋的问话已是快的恢复过来立时答道：&&&&“若真是‘小小的误会’又何扰殷堂主率众亲临？不过就是利益纠葛罢了殷堂主又何必掩饰遮捂！嘿齐某是个粗人其他的不懂但这唇亡齿寒的道理却还是晓得点的。今天我帮为形式所逼与尔等骤成敌对过会儿自是要见个周章分个高下的了！”&&&&经过刚才的一番观察齐典现殷扬这方的一众人中全是些身形强壮眼色爽利的厉害角色。原本信心十足主动要求前来打头阵的他不禁有些暗悔托大。于是他一正气凛然的慷慨说完立时趋马退后让开了很大的空位神态客气的请出那位颔蓄长须的老者上前。&&&&这时殷扬这边已然畅快的笑道：“呵哈哈齐帮主性情直爽很对本座的胃口！特别是那个道理说得极好……哈！好一个‘唇亡齿寒’！在我抽烂麦鲲的那张臭嘴之前自然是要好好的敲碎你们这帮如此能说会道的铜牙利齿！便如你之所愿咱们刀剑上见真章吧！”&&&&见势不妙缩于后边的三江帮帮主齐典被殷扬畅意的反语笑得心头一寒。自感骑虎难下只好忍住惧意朝那身前的老者提醒道：“泉先生全靠你了！”&&&&“泉先生”受人好处替人办事。这时候虽然也已看出自身的形势颇有些不大对头却也只得硬着头皮驾马向前皮笑肉不笑的喝道：“你这少年可敢于老夫一战？”&&&&他驭马之先早已环顾对方众人。最终觉得还是这个疑似倚仗家族的萌荫所以才能身居高位的白衣少年最好欺负于是当场迫不及待的抢先问道。&&&&微微的怔了一下又仔仔细细地观察了这个声调怪异的老者片刻感觉到此人竟真把他当成了软柿子捏后殷扬的笑容一下子变得有些诡异起来：“请问老爷子尊姓大名？”&&&&那泉姓老者见到殷扬等人的表情都是怪怪的也未来得及反应过来仍是有些倚老卖老的不答反问道：“哪儿那么多说话你到底战是不战？”&&&&说着伸手腰间取出一对判官笔来。&&&&殷扬眯眼望去但见这对判官笔的笔尖铸作蛇头之型外状极为阴损确与中原的家数不同。心头一动立刻想出了一个人名来。&&&&博闻杂记的殷扬对于武林中使用判官笔法的点穴名家可说是无一不知。一见着此对作蛇形的奇异双笔念想一转便已记起了隐有印象的“青龙派”三字。&&&&这个青龙派乃是高丽使判官笔的最强名门。派中高手所常用的判官笔头尽皆铸成蛇形。其招式和点穴手法与中土的路数大不相同。大抵是取自蛇的阴柔毒辣之性招术滑溜狠恶最是阴险。而其派中的出名高手亦正是姓“泉”。&&&&他还记得这位有趣的泉先生于那原著之中还曾参与过针对武当张翠山的围追工作并且进行过一次结局失败的真人pk……&&&&殷扬笑容更甚悠然说道：“泉老前辈你是高丽青龙派的么？”&&&&那名泉先生微微一惊心想：瞧你也不过十来岁的年纪却恁地见识广博竟会知晓我的来历！&&&&他本人便是现今青龙派的掌门人名叫泉建男。确是由同样属于水上势力的岭南三江帮帮主齐典卑词厚礼着从高丽聘请过来的外编特邀人员。他此来中土未久从未真出过手想不到一露面即给殷扬识破当下将手中的蛇头双笔一摆语调古怪的说道：“老夫便是青龙派的掌门泉建男还请殷堂主赐教！”&&&&殷扬见他急着找死自己反而不急了只是笑眯眯的接着问道：“高丽青龙派跟我中原武林向无交往不知道我们天鹰教又是如何得罪了泉老英雄还请明示在下。”&&&&泉建男又是皮笑肉不笑的脸上肌肉一动吭嗤言道：&&&&“啊老夫跟阁下无冤无仇……而且我们高丽人也知道中原有个天鹰教教下人材济济不大好惹。只是‘食君之禄忠君之事。’老夫既然拿了齐帮主的银子自是要男儿口下有黄金男儿有诺不轻谈……”&&&&殷扬听着这没文化的高丽棒子在那儿自我感觉良好的“侃侃而谈”一个忍不住不由的大笑起来口中顺便令道：&&&&“哈哈哈哈…真是笑死我了……金蛇郎君你给我上！”&&&&某小强听得热血沸腾一下子窜到前面来手指向天嘴里兴奋的大叫道：“就凭你那块废料还敢挑战我们英明神武的殷大堂主？老家伙直管放马过来待本少与你斗上一斗！”&&&&
小技巧：按 Ctrl+D 快速保存当前章节页面至浏览器收藏夹；按 回车[Enter]键 返回章节目录，按 &键 回到上一章，按 &键 进入下一章。