我有一个带有儿童视图的 puppet CollectionView
:
const BreadcrumbListView = Marionette.CollectionView.extend({
...
childView: BreadcrumbView,
...
})
const BreadcrumbView = Marionette.View.extend({...})
字符串
我想为集合视图中的最后一个子视图设置aria-current
HTML属性。如何实现?
我试着在初始化CollectionView之前设置它,像这样:
detailCollection = new Backbone.Collection(models);
detailCollection.last().set('aria-current', 'page');
var breadcrumbView = views.BreadcrumbListView({
collection: detailCollection,
});
型
我还尝试在CollectionView
中使用onRender
方法:
const BreadcrumbListView = Marionette.CollectionView.extend({
...
onRender: function () {
const lastChildView = this.children.last();
lastChildView.model.set('aria-current', 'page');
}
...
})
型
但在这两种情况下,HTML属性都不会显示。
1条答案
按热度按时间o75abkj41#
把这个弄出来。
我可以在示例化
CollectionView
之前在集合上设置一个属性,如下所示:detailCollection.last().set('ariaCurrentPage', true);
个您可能还可以更改底层模型数据来实现这一点。
然后在设置子视图的属性时,我可以通过
options.models
检查该属性:字符串