Question

我在这里有点困惑，请看下面的代码：

var arrReqTplTest=["........................."];
var finalStudent=[];
finalStudent.push({
title: “Student Table”,
                collapsed: true,
                layout: 'fit',
                items: [
                    {
                        xtype: 'component',
                        itemId: 'StudentTablViewID-' + i,
                        html: arrReqTplTest

                    },
                    {
                        xtype: 'dataview',
                        itemId: 'StudentTable-' + i,
                        height: 200,
                        store: ‘studentDetailStore’,
                        //itemHeight: 70,
                        scrollable: false,           
                        itemSelector: 'div.wrap-requirements-' + i
                    }
                ]
            });
        }

        view.add(finalStudent);
})
}
});

这样可以正常工作，但现在查看下面的代码不起作用：

 var arrReqTplTest=["........................."];
    var finalStudent=[];
    finalStudent.push({
    title: “Student Table”,
                    collapsed: true,
                    layout: 'fit',
                    items: [
                        {
                            xtype: 'component',
                            itemId: 'StudentTablViewID-' + i,
                            config:{
                                    html:arrReqTplTest
                                }

                        },
                        {
                            xtype: 'dataview',
                            itemId: 'StudentTable-' + i,
                            height: 200,
                            store: ‘studentDetailStore’,
                            //itemHeight: 70,
                            scrollable: false,           
                            itemSelector: 'div.wrap-requirements-' + i
                        }
                    ]
                });
            }

            view.add(finalStudent);
    })
    }
    });

Answer 1

因为“html”是组件配置的一部分。你正在用第一个代码做正确的事：

html: thisIsYourVariableWithHtml //you can store the html value inside a variable or directly paste the value as string

但我建议补充一下：

styleHtmlContent: true,

确保组件真正将html值呈现为html。

现在在你写的第二个代码中：

config: {
    html: thisIsYourVariableWithHtml
}

你正在定义自定义配置变量（dunno其他人称之为，但这是我在定义组件的配置对象中的属性时的术语）在这种情况下，一个名为config的对象具有值“html”，默认情况下sencha的组件将不知道该怎么做，因为它是你的自定义配置变量。

当我在配置中包含html时，它不起作用

1 个答案: