ExtJs - GroupingView样式

Question

需要为分组网格制作tpl。现在我正在做一个属性groupTextTpl。 代码在其中：

groupTextTpl : '{[values.rs[0].data["name"]]} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'

但我希望在名称下拉列表旁边显示 - 引用并将题字“1项”移到右侧 like this 如何实现呢？

Answer 1

我不是100％确定是否可行，但尝试将“＃items”部分包装在HTML <span>标记中，为其指定一个类名，然后创建CSS代码以使其与右对齐侧。即：

groupTextTpl : '{[values.rs[0].data["name"]]} <span class="quantity">({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})</span>'

然后在CSS中你可以这样做：

.quantity { float: right; }

希望这有帮助。