在子標題行中的ng-grid自定義篩選

Question

我剛剛發現ng-grid並希望將其用於服務器端篩選和排序的表，這應該不成問題。

但我想定義在標題行下的下一行單元格中的過濾。過濾單元可以是：

• 文本搜索
• 日期範圍
• 號範圍
• 枚舉多選
• ...？

我還沒找到，我怎麼可以在標題行下添加一行。我可以用 覆蓋標題單元格模板，但我很好。我寧願 「擴展」它們，或者有一個插件負責渲染標題行下的行 。

定義 headerCellTemplate時，有沒有辦法引用原始模板？我只是想添加一些東西到現有的模板。

你有更多的插件，他們的能力和如何編寫他們的信息？

Answer 1

我們有類似的要求。由於我們的列定義都是動態驅動的，因此我們還包含一個名爲inputMappings的屬性。其中包含輸入類型，選擇選項等。然後編寫了一個ng-grid插件，該插件添加了一個監視到該範圍變量，解析了colDefs變量 - 通過從我們的inputMapping對象中提取元素來創建一行。基本上，「field_name」是inputMapping和colDefs之間的鏈接。

一旦我們有了ngCells組成的行，它包含正確的輸入元素，包含鏈接到這些字段的ng-models，我們在網格後面插入$ headercontainer並重新編譯了ng-grid。這增加了用戶界面。我們的下一個挑戰是編寫一個定製的ng-grid服務器端過濾器來利用漂亮的新「ngFilterBar」。