在XTemplate中使用操作符

1.在模板中使用tpl和if操作符

__________________________________________________________________

 

//-----------------------------1.在模板中使用tpl和if操作符-----------------------------------
  

 

 

  //在模板中使用tpl和if操作符
  
  //使用if操作符时,必须将双引号内的">","<"以及引号等操作符进行编码后才能使用

//注意:在模板中没有else操作符,必须使用多个if操作符来执行不同的条件分支处理
  
  var company={
   name:'常州第一百货公司',
   employer:[
    {
     name:'张三',
     age:37
    },{
     name:'李四',
     age:27
    },{
     name:'王五',
     age:44
    }
   ]
   
  }
  
  var tpl=new Ext.XTemplate(
    '<tpl for="employer">',
     '<tpl if="age<30"><font>年龄小于三十岁:</font><br/>',
      '姓名:{name},年龄:{age},<br/>工作单位:{parent.name}<br />',
     '</tpl>',
     '<br/>',
     '<tpl if="age>=30 && age<40"><font>年龄大于等于三十岁小于四十岁:</font><br/>',      
      '姓名:{name},年龄:{age},<br/>工作单位:{parent.name}<br />',
     '</tpl>',
     '<br/>',
     '<tpl if="age>+40"><font>年龄大于等于三十岁小于四十岁:</font><br/>',
      '姓名:{name},年龄:{age},<br/>工作单位:{parent.name}<br />',
     '</tpl>',
    '</tpl>'
  );
  var tplHtml=tpl.apply(company);//将脚本中定义的变量值应用到模板中,并将该模板赋值给一个代表一段HTML代码的变量

  var myPanel=Ext.create('Ext.Panel',{
   html:tplHtml      
  });
  
  Ext.Viewport.add(myPanel);

______________________________________________________________