Ext.元素模板(Template)

<table border="1"> <tbody id="some-element"> <tr> <td>id</td> <td>sex</td> <td>name</td> <td>descn</td> </tr> </tbody> </table>

<mce:script type="text/javascript"><!-- Ext.onReady(function(){ var data = [ ['1',' nale ','name1','descn1'], ['2','female','name2aaaaaaaaaaaaaa','descn2dddddddddddddddd'], ['3','nale','name3','descn3'], ['4','female','name4','descn4'] ]; var t = new Ext.Template( '<tr>', '<td>{0}</td>', '<td>{1:trim}</td>', '<td>{2:this.name}</td>', '<td>{3:ellipsis(6)}</td>', '</tr>' ); t.name = function(value){ return "<h1>"+value+"</h1>" } t.compile(); for(var i=0;i<data.length;i++) t.append('some-element', data[i]); }) // --></mce:script>