zoukankan      html  css  js  c++  java
  • 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.Element
    insertAfter( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.Element
    insertBefore( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.Element
    insertFirst( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.Element
    这组方法提供由 value产生的html 代码,并添加到dom 做为el的最后一个子节点/下一个兄弟节点/前一个兄弟节点/第一个子节点
    values解释参见applyTemplate

    apply() : void
    applyTemplate( Object values ) : String
    apply是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方法
  • 相关阅读:
    程序员都必读
    ia-64 vs x86-64
    Linux内核学习
    开源liscense对比
    列存储
    大数据科普
    [USACO1.5]数字三角形
    [USACO08FEB]酒店Hotel
    数的划分
    CodeForce 18D
  • 原文地址:https://www.cnblogs.com/hannover/p/1951840.html
Copyright © 2011-2022 走看看