Angularjs table sort filter

写着怕以后用的着的时候望了

                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>
                                    <input type="checkbox" ng-click="SearchVM.selectall()" />
                                </th>
                                <th>
                                    <a href="" ng-click="SearchVM.orderByField='Forename'; SearchVM.reverseSort = !SearchVM.reverseSort">
                                        Forename <span ng-show="SearchVM.orderByField == 'firstName'">
                                            <span ng-show="!SearchVM.reverseSort">^</span><span ng-show="SearchVM.reverseSort">v</span>
                                        </span>
                                    </a>
                                </th>
                                <th>
                                    <a href="" ng-click="SearchVM.orderByField='Surname'; SearchVM.reverseSort = !SearchVM.reverseSort">
                                        Surname <span ng-show="SearchVM.orderByField == 'lastName'">
                                            <span ng-show="!SearchVM.reverseSort">^</span><span ng-show="SearchVM.reverseSort">v</span>
                                        </span>
                                    </a>
                                </th>
                                <th>
                                    <a href="" ng-click="SearchVM.orderByField='Email'; SearchVM.reverseSort = !SearchVM.reverseSort">
                                        Email <span ng-show="SearchVM.orderByField == 'email'">
                                            <span ng-show="!SearchVM.reverseSort">^</span><span ng-show="SearchVM.reverseSort">v</span>
                                        </span>
                                    </a>
                                </th>
                                <th>
                                    <a href="" ng-click="SearchVM.orderByField='SecurityGroup'; SearchVM.reverseSort = !SearchVM.reverseSort">
                                        Security Group <span ng-show="SearchVM.orderByField == 'securitygroup'">
                                            <span ng-show="!SearchVM.reverseSort">^</span><span ng-show="SearchVM.reverseSort">v</span>
                                        </span>
                                    </a>
                                </th>
                                <th>
                                    <a href="" ng-click="SearchVM.orderByField='UserStatus'; SearchVM.reverseSort = !SearchVM.reverseSort">
                                        User Status <span ng-show="SearchVM.orderByField == 'status'">
                                            <span ng-show="!SearchVM.reverseSort">^</span><span ng-show="SearchVM.reverseSort">v</span>
                                        </span>
                                    </a>
                                </th>
                                <th>
                                    <a href="" ng-click="SearchVM.orderByField='adviser'; SearchVM.reverseSort = !SearchVM.reverseSort">
                                        Consultant <span ng-show="SearchVM.orderByField == 'adviser'">
                                            <span ng-show="!SearchVM.reverseSort">^</span><span ng-show="SearchVM.reverseSort">v</span>
                                        </span>
                                    </a>
                                </th>
                                <th>

                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td></td>
                                <td>
                                    <input type="text" class="form-control" ng-model="search.Forename" />
                                </td>
                                <td>
                                    <input type="text" class="form-control" ng-model="search.Surname" />
                                </td>
                                <td>
                                    <input type="text" class="form-control" ng-model="search.Email" />
                                </td>
                                <td>
                                    <input type="text" class="form-control" ng-model="search.SecurityGroup" />
                                </td>
                                <td>
                                    <input type="text" class="form-control" ng-model="search.UserStatus" />
                                </td>
                                <td>
                                    <input type="text" class="form-control" ng-model="search.adviser" />
                                </td>
                                <td />
                            </tr>
                            <tr ng-repeat="user in SearchVM.currentpageuser|orderBy:SearchVM.orderByField:SearchVM.reverseSort|filter: search">
                                <td>
                                    <input type="checkbox" ng-model="user.Selected" />
                                </td>
                                <td>
                                    {{user.Forename}}
                                    <!--<a href="" ng-click="SearchVM.displaydetail(emp.individualid)">{{emp.firstName}}</a>-->
                                </td>
                                <td>{{user.Surname}}</td>
                                <td>{{user.Email}}</td>
                                <td>{{user.SecurityGroup}}</td>
                                <td>{{user.UserStatus}}</td>
                                <td>{{user.AdviserFullName}}</td>
                                <td>
                                    <input type="button" value="View Detail" ng-click="SearchVM.displaydetail(user.IndividualId,user.LoginId)" />
                                </td>
                            </tr>
                            </tbody>
                        </table>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值