带行键盘导航的Angularjs ngTable

时间:2015-01-17 17:17:11

标签: jquery angularjs navigation keyboard ngtable

我尝试与http://nekman.github.io/keynavigator/中的示例4相同。目标是使用键盘在行上上下移动。

我使用AngularJs和Bootstrap。首先,我尝试在示例中应用jquery但是没有运行正常。之后,我尝试使用指令对表的tr元素应用angularJs,但它也不起作用。

指令代码:

angular.module('app').directive('navigator', function() {
    return function(scope, elem) {
      elem.keynavigator();
   }
});

表格代码:

  <table ng-table="tableParams" template-header="ng_header" navigator class="table table-bordered table-condensed ng-table-rowselected">
    <tbody>
        <tr ng-repeat="client in $data">
            <td>
                <a type="button" ng-click="edit($index)"><i class="fa fa-pencil"></i></button>
            </td>
            <td>
                <a type="button" ng-click="delete($index)"><i class="fa fa-trash-o"></i></button>
            </td>
            <td ng-repeat="column in columns" ng-show="column.visible" sortable="column.field">
                    {{client[column.field]}}
            </td> 
        </tr>
    </tbody>
</table>    

我希望有人可以帮助我。

0 个答案:

没有答案