Ext模板入门.doc

Ext.XTemplate使用入门 (2008-08-21 14:41:17) HYPERLINK javascript:; 转载 标签： HYPERLINK /c.php?t=blogk=extts=bpoststype=tag \t _blank ext HYPERLINK /c.php?t=blogk=xtemplatets=bpoststype=tag \t _blank xtemplate HYPERLINK /c.php?t=blogk=templatets=bpoststype=tag \t _blank template HYPERLINK /c.php?t=blogk=itts=bpoststype=tag \t _blank it 分类： HYPERLINK /s/articlelist_1339104522_5_1.html \t _blank javascript/ext/ajax Ext.Template类Template类主要是功能是生产html片断,例var t = new Ext.Template(??? div name={id},??????? span class={cls}{name:trim} {value:ellipsis(10)}/span,??? /div);t.append(some-element, {id: myid, cls: myclass, name: foo, value: bar}); 公用方法:Template( String/Array html )构造一个Ext.Template对象，参数可以是字符串形式的html代码或它们组成的数组， Template.from( String/HTMLElement el, Object config ) : Ext.Template能过el的value(优先)或innerHTML来构造模板 append( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.ElementinsertAfter( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.ElementinsertBefore( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.ElementinsertFirst( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.Element这组方法提供由 value产生的html 代码，并添加到dom 做为el的最后一个子节点/下一个兄弟节点/前一个兄弟节点/第一个子节点values解释参见applyTemplate apply() : voidapplyTemplate( Object values ) : Stringapply是applyTemplate的简写，如果参数是数字values可以是一个数组，或者一个象 {id: myid, cls: myclass, name: foo, value: bar}这样的json对象 compile() : Ext.Template编译模板,替换掉模板中的\=\\ ,\r\n|\n==\\n, =\,主要是为了js自己处理方便 overwrite( Mixed el, Object values, [Boolean returnElement] ) :利用values生成html替换el的内容 set( String html, [Boolean compile] ) : Ext.Template设置模板的html,如果compile为真将调用compile方法 Ext.XTemplate增强型模板，支持更多功能了，虽然方法不多，但用起来来还真的很麻烦，但并不建议大家学习这样的自定义语法，不如用xslt另外这个Xtemplate虽然命名空间在Ext之下，但源文件却是放在util目录中的XTemplate( String/Array html )XTemplate.from( String/HTMLElement el ) : Ext.XTemplateapply() : voidapplyTemplate( Object values ) : Stringcompile() : Function这些方法Ext.Template中都有说明 Ext.Even