xtemplate?

[dwb]

Hello,

Does Architect 2 have an XTemplate object? I don't see it in the Toolbars list of objects. I could hand-code my template, but, I don't know were in Architect to employ this code.

Thanks,
-dwb

[bharatn]

XTemplate is available as a property(config) for many components eg tpl for component and itemTpl for Dataview.

[_piotr]

If it is available, so what do I do wrong whereas I am trying to put XTemplate for itemTpl in Dataview?

Ext.define('mBooking.view.ReservationFormContainer', {    extend: 'Ext.Container',
    alias: 'widget.reservationformcontainer',


    config: {
        layout: {
            type: 'card'
        },
        items: [
            {
                xtype: 'list',
                id: 'dates-from',
                itemTpl: [
                    'new Ext.XTemplate(',
                    '                    \'<div class="availability-date-item \',',
                    '                        \'{[AvailabilityStatus.getName(values.Status)]} {[PeriodType.getName(values.PeriodType)]}\',',
                    '                        \'<tpl if="this.IsConference(PeriodType)">\',',
                    '                            \' Conference\',',
                    '                        \'</tpl>\',',
                    '                        \'<tpl if="this.IsExternalEvent(PeriodType)">\',',
                    '                            \' ExternalEvent\',',
                    '                        \'</tpl>\',',
                    '                        \'">\',',
                    '                        \'<div class="container">\',',
                    '                            \'<div class="date" style="width: 20%;">{[getDay(values.Date)]}</div>\',',
                    '                            \'<div style="width: 75%;">\',',
                    '                                \'<div><span class="description">{[PeriodType.getDescription(values.PeriodType)]}</span></div>\',',
                    '                                \'<div class="status">{[AvailabilityStatus.getDescription(values.Status)]}</div>\',',
                    '                            \'</div>\',',
                    '                        \'</div>\',',
                    '                    \'</div>\',',
                    '                    {',
                    '                        disableFormats: true,',
                    '                        IsConference: function(periodType) {',
                    '                            return PeriodType.isConference(periodType);',
                    '                        },',
                    '                        IsExternalEvent: function(periodType) {',
                    '                            return PeriodType.isExternalEvent(periodType);',
                    '                        }',
                    '                    }',
                    '                )'
                ],
                store: 'AvailabilityCalendar',
                onItemDisclosure: true
            },
            {
                xtype: 'container',
                id: 'dates-to',
                layout: {
                    type: 'fit'
                }
            }
        ]
    }


});

Thanks in advance!

[Svinja]

hi,

For example, select some container and then in config panel you have tpl box. In tpl box you can insert something like this:

<div>something</div>

Note that tpl accepts string(?) so you cannot write something like this:

new Ext.XTemplate('<div>something</div>')

[_piotr]

XTemplate is available as a property(config) for many components eg tpl for component and itemTpl for Dataview.

@bharatn writes at it is possible for custom variables. So if I would like to use XTemplate for itemTpl, so what should I do?
To overload the component, to set template with list.setTpl() or is there another better solution?

[kitesurf]

I would also like to know how this can be accomplished.

There does not seem to be any way to define a new Ext.XTemplate in the tpl in Architect 2 since the config tpl interprets everything as a string.

[_piotr]

I've tried to change it in notepad and it did worked however when I open Archtect the value changes again. It seems at we can't edit any sencha files with external editors. It is quite inconvenient!

Any response from Sencha, please?

It explains a lot:

* This file will be auto-generated each and everytime you save your project. *
* Do NOT hand edit this file.

[Svinja]

sencha generates files and you cannot change them, you can only make overrides.
Generally, it doesnt matter what you do with generated files bcs they are regenerated(from metadata files) each time you save project.