第十课ppt课件

1、第十课 模板基础用法,本课目标,Ext模板的使用方法,简述,1、什么时候需要是用模板？ 2、Ext模板的基本用法是什么？,Ext.Template用法,我们需要使用的html页面 模板分析 .myclass background:#00ff00 ,Ext.Template用法,代码： Ext.onReady(function() /Template的基本用法 /var tpl=new Ext.Template(Hello0,Hello1.); /var win=new Ext.Window( /title:测试模板, /width:400, /height:200, /listeners: /

2、render:function() /tpl.append(win.body,大漠); / / /); /win.show(); /tpl.append(Ext.getBody(),大漠,穷秋);,/var tpl = new Ext.Template( / , / 名字：name:trim 籍贯：value:ellipsis(5), / /); /pile(); /tpl.append(Ext.getBody(), id: myid, cls: myclass, name: 大漠, value: 江苏省南京市中山南路);,/var tpl = new Ext.Template( / , /

3、名字：name:trim 籍贯：value:ellipsis(10), / , / / compiled: true, / disableFormats: true/禁用格式化函数 / /); /tpl.append(Ext.getBody(), id: myid, cls: myclass, name: 大漠, value: 江苏省南京市中山南路); /var tpl=Ext.Template.from(divForTest,compiled:true); /tpl.overwrite(divForTest, id: myid, cls: myclass, name: 大漠, value:

4、26); );,Ext.XTemplate用法,还是使用Template里面的html 代码： Ext.onReady(function() /这是一个表示个人信息的JSON数据 var pInfo= name:大漠穷秋, age:26, email:保密, company:AsiaInfo-Linkage, hobby:暴走,发呆,听歌(不唱),/这里面是简单的字符串 skills:/这里面是对象 name:JavaScript,year:2, name:Java,year:3, name:C+,year:5, name:AS3,year:5 ;,/var tpl = new Ext.XTe

5、mplate( / 大漠桑的技能: , / , / #. name, / /); /tpl.overwrite(Ext.getBody(),pInfo.skills); /var tpl = new Ext.XTemplate( / 大漠桑的技能: , / , / #. name, / /); /tpl.overwrite(Ext.getBody(),pInfo);,/var tpl = new Ext.XTemplate( / 大漠桑的技能: , / , / #. name, / 所有者名字：, / /); /tpl.overwrite(Ext.getBody(),pInfo); /var tpl = new Ext.XTemplate( / name的爱好:, / , / - ., / /); /tpl.overwrite(Ext.getBody(),pInfo);,/var tpl = new Ext.XTemplate( / 大漠桑大于3年的技能: , / , / 3 , / #. name, / , / /