我想使用ember-models-table插件并为customIcons和customClasses设置默认值, 所以我添加了一个名为 form-table 的组件
应用程序/组件/form-table.js
并添加以下代码 import modelsTableComponent from 'ember-models-table/components/models-table';
import modelsTableComponent from 'ember-models-table/components/models-table';
export default modelsTableComponent.extend({
didInsertElement: function () {
this._super(...arguments);
this.$().attr('customIcons', Ember.Object.create({
"sort-asc": "fa fa-chevron-down",
"sort-desc": "fa fa-chevron-up",
"column-visible": "fa fa-check-square-o",
"column-hidden": "fa fa-square-o",
"nav-first": "fa fa-chevron-left",
"nav-prev": "fa fa-angle-left",
"nav-next": "fa fa-angle-right",
"nav-last": "fa fa-chevron-right",
"caret": "fa fa-caret-down",
"expand-row": "fa fa-plus",
"collapse-row": "fa fa-minus"
}));
this.$().attr('customClasses', Ember.Object.create({
"clearFilterIcon": "fa fa-times form-control-feedback",
"clearAllFiltersIcon": "fa fa-times-circle-o"
}));
}
});
但是当我打电话时
{{form-table
data=table.data
columns=table.columns}}
从模板文件夹下的 application.hbs 并在控制器文件夹下的 application.hbs 中有以下代码,我什么也看不到。而且我也没有收到任何错误。
import Ember from 'ember';
export default Ember.Controller.extend({
table: {
data: [
Ember.Object.create({ id: 1, firstName: 'john', lastName: 'Smith', city: "CityA" }),
Ember.Object.create({ id: 1, firstName: 'bob', lastName: 'Smith', city: "CityB" }),
],
columns: [
{
"propertyName": "id",
"title": "ID"
},
{
"propertyName": "firstName",
"title": "First Name"
},
{
"propertyName": "lastName",
"title": "Last Name"
},
{
"propertyName": "city",
"title": "City"
}
]
},
});
但是,如果我将 application.hbs 文件中的代码替换为
{{form-table
data=table.data
columns=table.columns}}
至
{{models-table
data=table.data
columns=table.columns}}
一切正常。这是否意味着我不能扩展附加功能?