html5+angularjs+bootstrap+springmvc+mybatis模糊查询Deme

最新推荐文章于 2025-09-04 16:53:36 发布

转载最新推荐文章于 2025-09-04 16:53:36 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shunzdd/p/5585989.html

文章标签：

#java

本文介绍了一个公积金查询模块的前端实现细节，包括部门名称输入框与查询按钮的HTML结构及对应的AngularJS控制器代码，展示了如何通过DataCenter服务进行数据查询与结果处理。

1、<label class="col-md-7 col-sm-7 control-label">公积金管理部名称:</label>
<div class="col-md-3 col-sm-3 form-inline">
<input type="text" class="form-control" id="fundName_search" ng-model="transactionsFund.fundname" data-
provide="typeahead" placeholder="部门姓名">
<button type="button" class="btn btn-primary" ng-click="queryList();">查询</button>
</div>

2、 /************查询列表****************/
$scope.queryList=function (){
$scope.transactionsFund.page=1;
$scope.transactionsFund.size=20;
DataCenter.find("TransactionsFund", $scope.transactionsFund);
}

/************列表返回*******************/

DataCenter.addEventListener("TransactionsFundList", function(e){
console.log("XXXXXXXXXXXXXXXXXXX"+e.data);
$scope.transactionsFundList = e.data.list;
$scope.pages = e.data.pages;
$scope.page = e.data.pageNum;
$scope.size= e.data.size;
$scope.total= e.data.total;
$scope.$apply();
});

转载于:https://www.cnblogs.com/shunzdd/p/5585989.html