こんにちは、私はAngularjsとUi-gridを使って小さなアプリケーションを開発しています。 1つのページで、私は1つのテーブルからすべての行をUiグリッドに表示しています。グリッドの最後の列では、行を削除する削除ボタンを維持しています。ここでAngulajs Ui-Gridデータベースから行を削除する
は
scope.loadGrid = function()
var http = $resource(baseURL + '/api/AllInvoices', {/* No paramter */},
{'get' : {method : 'GET', isArray : true, cache : false,
timeout : 500, showSpinner : true}});
$scope.gridOptions = {enableColumnMenus: false};
$scope.gridOptions.columnDefs = [
{ name: '', field: 'Check', cellTemplate: '<md-checkbox aria-label="Checkbox 1"></md-checkbox>'},
{ field: 'InvoiceNumber', cellClass: 'address' },
{ name: 'Date', field: 'InvoiceDate'},
{ field: 'Status'},
{ field: 'Amount' },
{ name: 'Location From', field: 'LocationFrom'},
{ name: 'Location To', field: 'LocationTo'},
{ field: 'Action', cellTemplate: '<img src="svg/delete.png" alt="Description" ng-click="grid.appScope.Delete(row)"/>'},
];
http.get().$promise.then(function (data) {
$scope.gridOptions.data = data;
}, function (reason) {
alert (reason);
});
}
Deleteメソッドに
$scope.Delete = function(row) {
var index = $scope.gridOptions.data.indexOf(row.entity);
$scope.gridOptions.data.splice(index, 1);
};
をデータバインディングのためのコードである誰かが、私は、各行から一意の値を取得し、Web API呼び出しを削除するには、値を渡すことができますどのようにお勧めできます。