Angularjs table sort filter

2017-08-11

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

                        <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>




注明:本文章属于转载,仅供行业人员学习交流使用,文章版权属于原创作者,在此向原创者致敬,感谢原创作者为大家学习交流提供精品内容。

站方声明:IThao123是为广大互联网从业者免费提供学习交流的平台,如果侵犯了原创著作权,请联系站方删除,给你带来不便,深表歉意。

顶部