ExtJs - 分組視圖樣式

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; } 

希望這有助於。