带有模板的显示字段

Displayfield with template

本文关键字：显示 字段      更新时间：2023-09-26

我正在尝试在显示字段中实现一个tpl，以显示从文本区域发送到服务器的数据列表。

相同的数据显示在带有行扩展器插件的网格中（以 XTemplate 显示值，如文本区域格式）小提琴：https://fiddle.sencha.com/#fiddle/14sf

我尝试了这样的事情：

小提琴：https://fiddle.sencha.com/#fiddle/14t7没有成功...

我尝试了我发现的所有方法来渲染 tpl 都不成功。

显示器有一个配置 tpl，但它似乎在我的情况下不起作用......

我感谢解决此问题的建议

displayfield 还具有渲染器功能。您可以像在网格中一样使用它：

//var is just for illustration of the issue
var vegetables_types = 'potatos'ncarrots'npumpkins';
Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    width: 450,
    height: 200,
    bodyPadding: 10,
    title: 'Template',
    items: [{
        xtype: 'displayfield',
        fieldLabel: 'TPL',
        name: 'vegetables_types',
        renderer: function(value, field) {
            this.rndTpl = this.rndTpl || new Ext.XTemplate('<div><div>' + '<b>Vegetables: </b><ul><li>{[values.vegetables_types.replace(/''n/g, "<li/>")]}</li><ul>' + '</div></div>');
            return this.rndTpl.apply({
                vegetables_types: value
            });
        },
        listeners: {
            render: function(field, eOpts) {
                field.setValue('potatos'ncarrots'npumpkins')
            }
        }
    }],
});

https://fiddle.sencha.com/#fiddle/14il

相关文章：