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>


©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值