Empty Xtemplate?

[khangwei]

Hi,

I have a XTemplate as below:

commentInfo = new Ext.XTemplate(
'<tpl for=".">',
'{name} at {timestamp} <br />',
'{comment}',
'</tpl>'
);

if there are no objects/an empty array is being passed in.. how can i have an alternative display of "no comments are posted" ??

please advise!

thanks!

[midnight-coder]

khangwei,

You could use a data view, which lets you define an "emptyText" property, but if you want to use an XTemplate object directly without any of that extra complexity, I think the solution in your case is to use the xcount value combined with some template logic. For instance:

commentInfo = new Ext.XTemplate(
   '<tpl for=".">',
      '{name} at {timestamp} <br />',
      '{comment}',
   '</tpl>',
   '<tpl if="xcount == 0">',
      'no comments are posted',
   '</tpl>'
);

Perhaps there is a better way, but this should work fine.

[khangwei]

Hi,

I did this but it is still not working,

any idea why?

Thank you!

        
		commentInfo = new Ext.XTemplate(
			'<tpl if="xcount == 0">',
				'No comments are posted',
			'</tpl>',
			'<tpl if="xcount &gt; 0">',
			'<tpl for=".">',
			'{name} at {timestamp} <br />',
			'{comment}',
			'</tpl>'
		);

[khangwei]

Bumping for help!

Thank you.

[khangwei]

Hi all..

Still no solutions for this, can anyone help me?

Thank you!

[bclinton]

xcount only works within the loop. Try this:

            '<tpl if="values.length <= 0">',
                'no comments are posted',
            '</tpl>',

Note: This works in ExtJS and I assume it will work in Touch but I haven't tested it .

[khangwei]

thanks for your help!