zoukankan      html  css  js  c++  java
  • ng-table params & settings

    默认参数:

    ngTableDefaults.params.count = 5;    // 单页显示5 条数据,number
    ngTableDefaults.params.filter = {name:'a'};    // [name: string]: any
    ngTableDefaults.params.group = ;    //    string | Grouping
    ngTableDefaults.params.page = 2;    // 从第2 页开始,number
    ngTableDefaults.params.sorting = {name:'desc'};    // 使用表名为name的列降序排列

    默认设置:

    ngTableDefaults.settings.$loading = true;    // 开启加载动画,boolean
    ngTableDefaults.settings.counts = [5,10,20];    // 单页显示条目数组,number[]
    ngTableDefaults.settings.dataOptions = {
            applyFilter:true,    // 是否过滤,boolean
            applyPaging:true,    // 是否分页,boolean
            applySort:true    // 是否排序,boolean
    };
    ngTableDefaults.settings.dataset = [];    // 数据源,T[]
    ngTableDefaults.settings.debugMode = true;    // 开启调试,boolean
    ngTableDefaults.settings.defaultSort = 'desc',    // 默认排序,asc 或desc,string
    ngTableDefaults.settings.filterOptions = {
            filterComparator:true,    // 如果为true,则精确查询(Exact);如果为false,模糊查询( Contains),boolean
            filterDelay:0,    // 默认0,在应用过滤器之前等待用户停止键入的持续时间,number
            filterDelayThreshold:10000,    // 托管内存数组被认为很小的元素数量。 默认为10000,number
            filterFilterName:'filter',    // 实际执行过滤的名称,默认为filter,string
            filterFn:function(data,fileter,filterComparator){    // 使用提供的此函数来执行过滤,而不是选择角度$filter
                // data:数组 []
                // fileter:[name: string]: any ,在数据行上声明的字段名称的映射以及相应的过滤器值
                // filterComparator:true 或者false
                retrun [''];    // 返回一个数组
            },    
            filterLayout:'stack'    // 在单个表标题列中呈现多个html模板时要使用的布局,"stack" | "horizontal",string
    };
    ngTableDefaults.settings.getData = function(params){
        return;    // 返回promise
    };
    ngTableDefaults.settings.getGroups = function(params){
        return;    // 返回promise
    };
    ngTableDefaults.settings.groupOptions = {
            defaultSort:'asc',    // 默认排序,asc 或desc,string
            isExpanded:true    // 是否展开,默认true,boolean
    };
    ngTableDefaults.settings.interceptors = [{    // 在数据行显示在表中之前对getData函数的调用结果的拦截器集合,集合中后一个拦截器会去拦截前一个的返回值,最终返回最后一个拦截器的处理结果
            response:function(data,params){
                // data: TData
                // params: NgTableParams<T>
                return;    // 返回数组,TData    
            },
            responseError:function(reason,params){
                // reason: any
                // params: NgTableParams<T>
                return;    // any    
            }
    }];    
    ngTableDefaults.settings.paginationMaxBlocks = 10;    // 分页显示的最多按钮块,number
    ngTableDefaults.settings.paginationMinBlocks = 2;    // 分页显示的最少按钮块,number
    ngTableDefaults.settings.sortingIndicator = 'string';    // html标记,用于在表头中显示排序指示符,string
    ngTableDefaults.settings.total = 100;    // 数据总行数:100,number

     NgTableParams 方法:

     1 NgTableParams: 
     2 count : ƒ (count)
     3 data:(10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, visibleColumnCount: 7]
     4 filter : ƒ (filter)
     5 generatePagesArray : ƒ (currentPage, totalItems, pageSize, maxBlocks)
     6 group : ƒ (group, sortDirection)
     7 hasErrorState : ƒ ()
     8 hasFilter : ƒ ()
     9 hasFilterChanges : ƒ ()
    10 hasGroup : ƒ (group, sortDirection)
    11 isDataReloadRequired : ƒ ()
    12 isSortBy : ƒ (field, direction)
    13 orderBy : ƒ ()
    14 page : ƒ (page)
    15 parameters : ƒ (newParameters, parseParamsFromUrl)
    16 reload : ƒ ()
    17 reloadPages : ƒ ()
    18 settings : ƒ (newSettings)
    19 sorting : ƒ (sorting, direction)
    20 total : ƒ (total)
    21 url : ƒ (asString)
    22 __proto__:Object
  • 相关阅读:
    css3与gpu加速
    前端集成解决方案小结
    body内html标签的选用
    在win8下快速搭建angularjs测试环境以及可能遇到的问题
    javascript快速排序
    Sublime Text2配置python环境
    python学习第一天
    开机自检
    各种排序算法及c语言实现
    算法表示
  • 原文地址:https://www.cnblogs.com/liboo/p/9597010.html
Copyright © 2011-2022 走看看