ExtJS之XTemplate

最新推荐文章于 2018-10-09 22:26:38 发布

最新推荐文章于 2018-10-09 22:26:38 发布 · 184 阅读

文章标签：

#EXT #json #Java

ExtJS 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用XTemplate进行自定义输出，通过创建一个复选框模板展示其基本用法。该模板能生成包含表格及复选框的HTML代码，并通过简单的面板配置实现预览功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用XTemplate可以自定义输出：


var tp_checkbox = new Ext.XTemplate(
  '<table><tr><td>{head}</td></tr></table>',
  '<table><tr><tpl for="item"><td nowrap="nowrap">',
  '<p>{#}、<input type="checkbox" name="item" value ={.}>{.}</p>',
  '<td>&nbsp&nbsp&nbsp</td>',
  '</td></tpl></tr></table>');

简单运用


new Ext.Panel({
  items : [{
     xtype : 'fieldset',
     layout : 'fit',
     title : '题目',
     autoHeight : true,
     buttonAlign : 'right',
     items : item_grid_onedit,
     buttons : [{
        text : '题目预览',
        handler : function() {
          var data ="{head:'"
                     +lPanel.getForm().getValues()['head'] +"'";
          data = data + ",questionItemTitle:['"
          item_grid_onedit.getStore().each(function(rec) {
             data = data + rec.get('title') + "','";
          });
          data = data.substr(0, data.length - 2);
          data = data + "]}";
          data = Ext.util.JSON.decode(data);
          tp_checkbox.overwrite(previewPanelOnEdit.body, data);
        }
     }]
  }]
});