Extjs 3.x 建立空白groupingview

在Extjs 3.X 的官方元件中有一個groupingview跟groupingstore
主要是用來將資料分組顯示用，官網範列看這



有幾個重要屬性

GroupingStore
groupDir : 'DESC', //顯示群組的排序方式
groupField : 'finished', //用什麼欄位群組資料

GroupingView
hideGroupedColumn : true, //隱藏群組欄位
startCollapsed : true, //預設為收起全部群組

範例資料：
ID 品種 NAME
--------------------
1 博美 小白
2 吉娃娃 娃娃
3 紅貴賓 小紅

加入假資料後
ID 品種 NAME FLAG
--------------------------------
1 博美 小白 true
2 吉娃娃 娃娃 true
3 紅貴賓 小紅 true
4 西施 null false
5 拉不拉多 null false

GroupingView是將sotre中已存在的資料分組，如果未出現的分組資料是不會出現的。
我們可以加入一筆假資料讓他出現，但是又不希望假資料顯示在表格中
所以加入假資料後，我們要在GroupingView的getRowClass function中加入讓假資料回傳"x-hide-display"的判斷
如此就可以將我們預設的群組顯示出來了，同時又不出現假資料。