微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

AngularJS ng-table插件设置排序

基础概念

ng-table提供了一个表头来提供,基础的过滤信息:

(1)指定一列的过滤器,然后模板就会使用。 (2)ngTable支持number,text,select 和 select-multiple的值模板。 (3)可以有选择的为NgTableParams提供初始过滤值。

rush:js;">
ngTable directive arams" class="table table-condensed table-bordered table-striped">
ngTableDynamic directive
arams with demo.cols" class="table table-condensed table-bordered table-striped">
rush:js;"> (function() { "use strict"; var app = angular.module("myApp",["ngTable","ngTableDemos"]); app.controller("demoController",demoController); demoController.$inject = ["NgTableParams","ngTableSimpleMediumList","ngTableDemoCountries"]; //注入NgTableParams(ngtablemodule)和ngTableSimpleMediumList、ngTableDemoCountries两个数据源 function demoController(NgTableParams,simpleList,countries) { this.countries = countries;//初始化selcet的数据源 this.tableParams = new NgTableParams({ // initial filter filter: { name: "T" } //初始过滤条件 },{ dataset: simpleList }); }

app.controller("dynamicDemoController",dynamicDemoController);

dynamicDemoController.$inject = ["NgTableParams","ngTableDemoCountries"];

function dynamicDemoController(NgTableParams,countries) {
this.cols = [//自定义table条目,过滤条件、表头名字和数据源,filterData: countries。
{ field: "name",title: "Name",filter: { name: "text" },show: true },{ field: "age",title: "Age",filter: { age: "number" },{ field: "money",title: "Money",{ field: "country",title: "Country",filter: { country: "select" },filterData: countries,show: true }
];

this.tableParams = new NgTableParams({
// initial filter
filter: { country: "Ecuador" } //初始化数据源
},{
dataset: simpleList
});
}
})();

(function() {
"use strict";

angular.module("myApp").run(setRunPhaseDefaults);
setRunPhaseDefaults.$inject = ["ngTableDefaults"];
//通过config来设置表格数量
function setRunPhaseDefaults(ngTableDefaults) {
ngTableDefaults.params.count = 5;
ngTableDefaults.settings.counts = [];
}
})();

以上就是对AngularJS ng-table插件 的资料整理,后续继续补充相关资料,谢谢大家对本站的支持

原文地址:https://www.jb51.cc/js/45678.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐