AngularJS UI-Grid を使用しています。6 列と 4 行の一定のグリッドがあります。このグリッドでは、1 つのセルのみが日付ピッカーであり、1 つのセルがドロップダウンであり、いくつかのセルが数値のみであるという特定の要件があります。列全体にこれを適用できることはわかっています。これを特定のセルに個別に適用する方法はありますか?
どのサンプルも非常に役立ちます。
前もって感謝します。
AngularJS UI-Grid を使用しています。6 列と 4 行の一定のグリッドがあります。このグリッドでは、1 つのセルのみが日付ピッカーであり、1 つのセルがドロップダウンであり、いくつかのセルが数値のみであるという特定の要件があります。列全体にこれを適用できることはわかっています。これを特定のセルに個別に適用する方法はありますか?
どのサンプルも非常に役立ちます。
前もって感謝します。
1 つのオプションは、行エンティティ プロパティに関連してセルの種類を決定するテンプレートを使用することです。
そのようなシナリオを示す Plunkrを作成しました。
セットアップは cellTemplate で構成されます。
cellTemplate: "<button ng-if=\"!row.entity.datepicker\" ng-click=\"grid.appScope.delete(row)\">DELETE ROW</button><input type=\"date\" ng-if=\"row.entity.datepicker\">"
この例datepicker:true/false
では、行データにプロパティを作成しました。
for(var i = 0; i < 3; i++) {
editor.mySeasons.push({myDate: new Date(new Date().getTime() + Math.random().toFixed(12) * 100000000000), datepicker: false});
}
editor.mySeasons.push({myDate: new Date(new Date().getTime() + Math.random().toFixed(12) * 100000000000), datepicker: true});
それが役立つことを願っています。