Angularjs 在数据项中删除或添加新记录后,ng表格分页不更新
我在angular中使用np表进行数据绑定。ng表显示分页和记录总数,但当我在ng表的数据模型中添加新行或删除一行时 已反映总行数,但未反映记录和分页的总数 我使用了bleow代码 任何人都可以帮助我Angularjs 在数据项中删除或添加新记录后,ng表格分页不更新,angularjs,ngtable,Angularjs,Ngtable,我在angular中使用np表进行数据绑定。ng表显示分页和记录总数,但当我在ng表的数据模型中添加新行或删除一行时 已反映总行数,但未反映记录和分页的总数 我使用了bleow代码 任何人都可以帮助我 $scope.viewDeleteTemplateModel = function (templateId, name) { if (parseInt(templateId, 10) <= 0) { $scope.bindPopUpMessages(Enum.Aler
$scope.viewDeleteTemplateModel = function (templateId, name) {
if (parseInt(templateId, 10) <= 0) {
$scope.bindPopUpMessages(Enum.AlertType.Error, "TemplateId must be greater than zero.");//showing smart popup alert
} else {
$scope.bindSmartAlert("<i class='fa fa-fw fa-reorder'></i> Template", "Do you really want to delete the <strong>" + name + "</strong> template?", function () {
if ($scope.PropertyBag.SmartAlertResult && $scope.PropertyBag.SmartAlertResult === 1) {
var request = "request={'OrganizationId':" + $scope.PropertyBag.OrganizationDetails.OrganizationId + ",'TemplateId':" + templateId + "}";
$RestService.deleteTemplate(request).success(function (result) {
if (result) {
var alertType = Enum.AlertType.Success;
var message = "The Template <strong>" + name + "</strong> is deleted successfully.";
if (result.Result.Status !== 0) {
alertType = Enum.AlertType.Error;
message = "Opps! Something went wrong that's why the template <strong>" + name + "</strong> is not deleted.";
} else {
$scope.tableServerSide[tableId].data.Model.Items = _.without($scope.tableServerSide[tableId].data.Model.Items, _.findWhere($scope.tableServerSide[tableId].data.Model.Items, { TemplateId: templateId }));
if ($scope.tableServerSide[tableId].Records !== undefined && $scope.tableServerSide[tableId].Records > 0)
{
$scope.tableServerSide[tableId].Records = $scope.tableServerSide[tableId].Records - 1;
}
//$scope.getTemplatesList();
}
$scope.bindPopUpMessages(alertType, message);//showing smart popup alert
}
}).error(function (err) { } );
}
});
}
};
$scope.viewDeleteTemplateModel=函数(templateId,名称){
if(parseInt(templateId,10)0)
{
$scope.tableServerSide[tableId]。记录=$scope.tableServerSide[tableId]。记录-1;
}
//$scope.getTemplatesList();
}
$scope.bindPopUpMessages(警报类型,消息)//显示智能弹出警告
}
}).error(函数(err){});
}
});
}
};
还有我的html代码
<table id="tblTemplate" ng-init="changeTableDropDownPosition();" ng-table="tableServerSide['TemplateList']" class="table table-striped table-bordered table-hover dataTable">
<thead>
<tr>
<th class="text-center">
<div><i class="padding-right-5 fa fa-fw fa-reorder txt-color-blue hidden-md hidden-sm hidden-xs"></i>Name </div>
</th>
<th class="text-center">
<div> <i class="padding-right-5 fa fa-fw fa-calendar txt-color-blue hidden-md hidden-sm hidden-xs"></i> Create On</div>
</th>
<th class="text-center">
<div><i class="padding-right-5 fa fa-fw fa-envelope txt-color-blue hidden-md hidden-sm hidden-xs"></i>Message </div>
</th>
<th class="text-center">
<div> <i class="padding-right-5 fa fa-fw fa-file txt-color-blue hidden-md hidden-sm hidden-xs"></i>File Name</div>
</th>
<th class="text-center">
<div> <i class="padding-right-5 fa fa-fw fa-file-o txt-color-blue hidden-md hidden-sm hidden-xs"></i>File Type</div>
</th>
<th class="width-9">
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="listItem in $data.Model.Items">
<td>{{listItem.Name}}</td>
<td>
{{listItem.CreateUtc | customdateMili | date:'MM/dd/yyyy hh:mm:ss a'}}
</td>
<td>{{listItem.Message | takechar :'25'}}</td>
<td>
<span ng-if="!configuration.UseAwsMedia">
<a class="no-padding btn btn-link fancybox" ng-if="listItem.MediaType === Enum.MediaType.Image"
href="{{DomainPath}}{{listItem.MediaUrl | removestartchars:2}}"
title="{{listItem.Name}}">{{listItem.FileName | takechar:'20'}}</a>
<span ng-if="listItem.MediaType !== Enum.MediaType.Image"> {{listItem.FileName}}</span>
</span>
<span ng-if="configuration.UseAwsMedia">
<a class="no-padding btn btn-link fancybox" ng-if="listItem.MediaType === Enum.MediaType.Image"
href="{{listItem.MediaUrl}}"
title="{{listItem.Name}}">{{listItem.FileName | takechar:'20'}}</a>
<span ng-if="listItem.MediaType !== Enum.MediaType.Image"> {{listItem.FileName}}</span>
</span>
</td>
<td class="text-center">
<span ng-if="listItem.MediaUrl">
<i ng-if="listItem.MediaType === Enum.MediaType.Audio" class="fa fa-file-audio-o"></i>
<i ng-if="listItem.MediaType === Enum.MediaType.Video" class="fa fa-file-video-o"></i>
<i ng-if="listItem.MediaType === Enum.MediaType.Image" class="fa fa-file-image-o"></i>
<i ng-if="listItem.MediaType === Enum.MediaType.Document" class="fa fa-file"></i>
{{GetEnumName(Enum.MediaType,listItem.MediaType,true)}}
</span>
</td>
<td class="text-center">
<button class="btn btn-primary btn-xs" ng-click="viewEditTemplateModel(listItem.TemplateId,listItem.Name)" rel="tooltip" data-placement="bottom" data-original-title="Edit">
<i class="fa fa-pencil"></i>
</button>
<button class="btn btn-primary btn-xs" ng-click="viewDeleteTemplateModel(listItem.TemplateId,listItem.Name)" rel="tooltip" data-placement="bottom" data-original-title="Delete">
<i class="fa fa-trash-o"></i>
</button>
</td>
</tr>
<tr class="odd" ng-if="tableServerSide['TemplateList'].Records !==undefined && tableServerSide['TemplateList'].Records === 0">
<td valign="top" colspan="7" class="dataTables_empty"><strong>No Templates</strong> You don't have any Templates yet.</td>
</tr>
</tbody>
</table>
名称
创造
消息
文件名
文件类型
{{listItem.Name}
{{listItem.CreateUtc | customdateMili |日期:'MM/dd/yyyy hh:MM:ss a'}
{{listItem.Message | takechar:'25'}
{{listItem.FileName}
{{listItem.FileName}
{{GetEnumName(Enum.MediaType,listItem.MediaType,true)}
没有模板您还没有任何模板。
Show us html code with use ng table我已添加我的html代码,请参见Show us html code with use ng table我已添加我的html代码,请参见