详解angular ui-grid之过滤器设置


Posted in Javascript onJune 07, 2017

之前关于angular ui-grid过滤器设置,最近需要回顾,就顺便发到随笔上了

var app = angular.module('app', ['ui.grid', 'ui.grid.edit']); 
 
app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) { 
 $scope.gridOptions = { 
  columnDefs: [ 
   { field: 'name' }, 
   { field: 'amount', name: 'Number', cellFilter: 'fractionFilter' }, 
   { field: 'amount', name: 'Currency', cellFilter: 'currencyFilter:this' } 
  ] 
 }; 
  
 $http.get('data.json') 
 .success(function (data) { 
  $scope.gridOptions.data = data; 
 }); 
}]) 
 
.filter('fractionFilter', function () { 
 return function (value) { 
  return value.toFixed(0); 
 }; 
}) 
 
.filter('currencyFilter', function () { 
 var currencyMap = { 
  'dollar': '$', 
  'pound': '£', 
  'euro': '?' 
 }; 
  
 return function (value, scope) { 
  return currencyMap[scope.row.entity.currency] + value.toFixed(2); 
 }; 
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Mootools 1.2 手风琴(Accordion)教程
Sep 15 Javascript
javascript attachEvent绑定多个事件执行顺序问题
Oct 20 Javascript
javascript编码的几个方法详细介绍
Jan 06 Javascript
js获取当前月的第一天和最后一天的小例子
Nov 18 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
Nov 24 Javascript
javascript汉字拼音互转的简单实例
Oct 09 Javascript
Django与Vue语法的冲突问题完美解决方法
Dec 14 Javascript
webpack4之SplitChunksPlugin使用指南
Jun 12 Javascript
微信小程序实现简单评论功能
Nov 28 Javascript
JS实现音乐导航特效
Jan 06 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 Javascript
微信小程序 地图map实例详解
Jun 07 #Javascript
微信小程序 http请求的session管理
Jun 07 #Javascript
Ionic2开发环境搭建教程
Aug 20 #Javascript
微信小程序Redux绑定实例详解
Jun 07 #Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 #Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 #Javascript
vue2.0 自定义日期时间过滤器
Jun 07 #Javascript
You might like
php ftp文件上传函数(基础版)
2010/06/03 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
ThinkPHP5分页paginate代码实例解析
2020/11/10 PHP
谈谈JavaScript的New关键字
2016/08/26 Javascript
Javascript json object 与string 相互转换的简单实现
2016/09/27 Javascript
Jil,高效的json序列化和反序列化库
2017/02/15 Javascript
Node.js使用Express.Router的方法
2017/11/14 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
vue中移动端调取本地的复制的文本方式
2020/07/18 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
关于element的表单组件整理笔记
2021/02/05 Javascript
python中的yield使用方法
2014/02/11 Python
python的re正则表达式实例代码
2018/01/24 Python
python中ASCII码和字符的转换方法
2018/07/09 Python
在Python中pandas.DataFrame重置索引名称的实例
2018/11/06 Python
python同时遍历数组的索引和值的实例
2018/11/15 Python
python学生管理系统开发
2019/01/30 Python
python3下载抖音视频的完整代码
2019/06/05 Python
PyQt5使用QTimer实现电子时钟
2019/07/29 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
Python中Selenium库使用教程详解
2020/07/23 Python
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
英国性能汽车零件和发动机配件在线:Maxpeedingrods
2019/11/05 全球购物
高中自我评价分享
2013/12/05 职场文书
干部培训自我鉴定
2014/01/22 职场文书
化妆品店促销方案
2014/02/24 职场文书
《北大荒的秋天》教学反思
2014/04/14 职场文书
关于诚信的活动方案
2014/08/18 职场文书
2014年国庆节寄语
2014/09/19 职场文书
2014年维修工作总结
2014/11/22 职场文书
2014年体育工作总结
2014/11/24 职场文书