我正在尝试使用 meteor-autoform 包生成看起来像这样的选项:
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" class="px">
<span class="lbl"><strong>amazon.co.jp</strong></span><br>
<span class="lbl">Ordered qty 1 on Oct 13, 2014 (4 days ago)</span><br>
</label>
</div>
但似乎我对 html 格式没有太多控制权。我是创建自己的自定义自动生成模板的唯一选择吗?我很难理解如何做到这一点。
我看过示例模板,但我几乎无法理解。在 bootstrap3-horizontal 模板中,我没有看到任何对“option”或“radio”的引用。因此,弄清楚如何为选项创建自定义模板并没有多大帮助。
非常感谢任何提示或示例!
编辑 我们在模板中使用这个生成选项:
{{> afQuickField name='purchaseItemId' options=purchaseSelectOptions noselect=true template="bootstrap3-horizontal" label-class="col-sm-2" input-col-class="col-sm-10" class="form-control"}}
和js中的一个函数
purchaseSelectOptions: function() {
return _.chain(this.potentialPurchaseItems)
.filter(function(potentialPurchaseItem) {
return potentialPurchaseItem.totalQuantityReceived < potentialPurchaseItem.quantityPurchased;
})
.map(function(purchaseItem) {
var vendor = Vendors.findOne({_id: purchaseItem.vendorId});
var vendorName = vendor ? vendor.vendorName : 'loading...';
return {
label: vendorName + ' - waiting to receive ' + (purchaseItem.quantityPurchased - purchaseItem.totalQuantityReceived) + '. (Qty ' + purchaseItem.quantityPurchased + ' ordered ' + moment(purchaseItem.purchasedAt).format("MMM-DD-YYYY") +')',
value: purchaseItem._id,
};
})
.value();
},
因此,这不仅仅是单独设置元素样式的问题。我试图弄清楚如何修改自动模板或其他东西,以便我可以更好地控制结构和类。