发表于: 2017-06-03 21:32:46
2 1043
今日所做:
1.给翻页功能增加几个可以直接点击的页数按钮,按钮上添加ng-click事件,
然后在按钮元素上设置style属性,使用一个选择方法以达到当前页对应的按钮
的背景颜色加深:
<div class="pageNo"
ng-click="JumpPage(1,size,type,status)"
style="{{page===1?'background:#2a76dd;color:white':''}}"
>1</div>
<div class="pageNo"
ng-click="JumpPage(2,size,type,status)"
style="{{page===2?'background:#2a76dd;color:white':''}}"
>2</div>
2.在js向服务器请求数据的代码中加入一个选择语句,以达到如果当前页已经是首页或者是
末页,则使用上一页或者下一页功能会进行报错:
then(function successCallback(x) {
// 请求成功执行代码
if(page<1){
alert("已经是首页了");/*设置判断,如果是首页就不能再进行上一页的查找*/
}else if(page>$scope.totalPage){
alert('已经是末页了');/*设置判断,如果是末页就不能再进行下一页的查找*/
}
3.给搜索功能添加ng-model进行搜索值与变量的绑定,
并且设置每一个选项的value值,value值最好设置与实际对应的后台
参数一致,这样选择好了以后,后台请求数据的时候可以直接使用变量
将参数传递过去:
<select ng-model="type">
<option value="">全部</option>
<option value="0" >首页banner</option>
<option value="1">找职位banner</option>
<option value="2">找精英banner</option>
<option value="3">行业大图</option>
</select>
4.给所搜按钮添加一个请求的事件,并且将select中获得的数据变成参数
传递给后台
5.给清除按钮添加事件,使选项卡的值恢复初始值,并且再次按照初始参数
去请求数据:
$scope.clear=function(){
$scope.type="";
$scope.status="";
$scope.JumpPage($scope.page,$scope.size);
};
明日计划:
出游
将时间搜索功能加上
遇到的问题:
翻页功能里面,有UI中有几个页数直接跳转的按钮,一般有4,5个的样子,如果往后翻页,
这几个上面的值会随之变化,这个功能不知道怎么实现,psd图里面没有这个功能,
这个功能是不是必须要做出来呢··
收获:
对directive里面link函数的用处有了更加深入的理解
评论