[英]angularjs pagination, sort, filter table
我在以下链接上找到了这个令人称奇的ngtable示例: http ://ng-table.com/#/loading/demo-managed-array
它可以执行表中的以下所有操作:filter,sort,pagination
我似乎不知道如何在表中的js中集成定义的数组。 该代码未显示其示例中定义的任何数组。
我想在其中集成以下数组:
$scope.detailsArray=[{'name':'Visited With','clicker':'visitedTab','date':'08-05-2016'},
{'name':'Time (24 Hour)','clicker':'timeTab','date':'04-05-2016'},
{'name':'Sampling','clicker':'samplingTab','date':'01-05-2016'},
{'name':'Prescription Audit','clicker':'prescriptionTab','date':'12-05-2016'},
{'name':'Brand Reminders','clicker':'bRemindersTab','date':'22-05-2016'},
{'name':'Call Type','clicker':'calltypeTab','date':'14-05-2016'}];
我也想按日期对列进行排序。
我曾试图整合。 他们允许在密码笔上进行编辑。 但是我没有整合它。 如果有人设法将其集成,请提供代码。 任何可以帮助的angularjs专家吗? 会非常有帮助!预先感谢您
即时通讯作为答案写,因为评论是有限的!
我做到了:
js:
(function() {
"use strict";
var app = angular.module("myApp", ["ngTable", "ngTableDemos"]);
app.controller("demoController", demoController);
demoController.$inject = ["NgTableParams", "ngTableSimpleList"];
var dataset=[{'name':'Visited With','clicker':'visitedTab','date':'08-05-2016'},
{'name':'Time (24 Hour)','clicker':'timeTab','date':'04-05-2016'},
{'name':'Sampling','clicker':'samplingTab','date':'01-05-2011'},
{'name':'Prescription Audit','clicker':'prescriptionTab','date':'12-05-2016'},
{'name':'Brand Reminders','clicker':'bRemindersTab','date':'22-05-2016'},
{'name':'Call Type','clicker':'calltypeTab','date':'14-05-2015'}];
var tp = new NgTableParams({}, { dataset: dataset });
function demoController(NgTableParams, simpleList) {
var self = this;
self.tableParams = new NgTableParams({}, {
dataset: dataset
});
}
})();
的HTML:
<div ng-app="myApp">
<div ng-controller="demoController as demo">
<h2 class="page-header">Loading data - managed array</h2>
<div class="bs-callout bs-callout-info">
<h4>Overview</h4>
<p>When you have the <em>entire</em> dataset available in-memory you can hand this to <code>NgTableParams</code> to manage the filtering, sorting and paging of that array</p>
</div>
<table ng-table="demo.tableParams" class="table table-condensed table-bordered table-striped">
<tr ng-repeat="row in $data">
<td data-title="'Name'" filter="{name: 'text'}" sortable="'name'">{{row.name}}</td>
<td data-title="'clicker'" filter="{clicker: 'text'}" sortable="'clicker'">{{row.clicker}}</td>
<td data-title="'date'" filter="{date: 'date'}" sortable="'date'">{{row.date}}</td>
</tr>
</table>
</div>
</div>
这是笔: http : //codepen.io/anon/pen/WwVQeP?editors=1010
现在唯一的问题是日期排序! 谁能找到解决方案?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.