[英]How to refresh automatically Angular UI Grid after adding data
I have angular UI-Grid which I want to reload after the data is added. 我有角度的UI网格,我想在添加数据后重新加载。 Please let me know what do I need to add?
请让我知道我需要添加什么?
HTML File HTML文件
<form class="form-main">
<label>Category Name</label>
<input type="text" id="txtCategory" ng-model="md_catname" />
<button id="btnAdd" type="submit" class ="button-internal" ng-click="Add()">Add</button>
<div class="gridBigStyle" ui-grid="gridCategory" ui-grid-edit ui-grid-pagination>
</form>
Controller File 控制器文件
var myApp = angular.module('appHome');
myApp.controller("ctrlCategory", ['$scope', 'MetadataOrgFactory', 'CommonFunctionFactory', function ($scope, MetadataOrgFactory, CommonFunctionFactory) {
$scope.gridCategory = {
data: 'categoryData',
columnDefs: [
{
field: 'CategoryName', displayName: 'Name',
},
]
}
//This is to retrieve existing categories from Database
MetadataOrgFactory.getApiCall('getallcatgories', function (dataSuccess) {
$scope.categoryData = dataSuccess;
}, function (dataError) {
});
//Common Function being called to Add Category Name
$scope.Add = function () {
var objCategory = {
'CategoryName': $scope.md_catname,
};
CommonFunctionFactory.AddMasterData(objCategory, function (dataSuccess) {
}, function (dataError) {
});
}
}])
Common Function File 通用功能文件
var appService = angular.module('appHome');
appService.factory('CommonFunctionFactory', ['MetadataOrgFactory', function (MetadataOrgFactory) {
var dataFactory = {};
//Adding Master Data to DB
dataFactory.AddMasterData = function (objData) {
MetadataOrgFactory.postApiCall(serviceFunc, objMasterData, function (dataSuccess) {
alert("The request has been completed succesfully");
}, function (dataError) {
});
};
}])
I want to understand what code to put so that Angular UI Grid refresh automatically after data add in DB. 我想了解要放置什么代码,以便在将数据添加到DB中后自动刷新Angular UI Grid。
获取更新数据的完整列表作为成功更新的返回,然后将数据馈送到网格,即$ scope.gridOptions.data = LatestData;。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.