Angularjs table sort filter

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的Angularjs相关文章