title: How to call functions within a XTemplate extjs 4
body: <p>Here is my view</p>
  
  <pre><code>Ext.define('ValidationErrorView', {
      extend : 'Ext.panel.Panel',
      alias : 'widget.validationErrorView',
      layout : 'fit',
      overflow : 'auto',
      autoScroll : true,
      xTitle : 'Title',
      XFun :function(name){
          return "Hello " + name;
      }
  
      border : false,
  
      initComponent : function() {
          var tpl = new Ext.XTemplate(
              '&lt;tpl for="."&gt;',
              '&lt;div&gt;{xTitle}',
              '&lt;p&gt;{[xFun(name)]}',
              '&lt;/div&gt;',
              '&lt;/tpl&gt;'
          );
      }   
  });
  </code></pre>
  
  <p>There are xTitle and xFun() that I want to use in my template. I am using {[..]} to call my function but this is not working? How can I use both xTitle and XFun() in the template ?</p>