详解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 相关文章推荐
jquery判断checkbox(复选框)是否被选中的代码
Oct 20 Javascript
HTML DOM的nodeType值介绍
Mar 31 Javascript
jquery自定义属性(类型/属性值)
May 21 Javascript
javascript的日期对象、数组对象、二维数组使用说明
Dec 22 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
教你如何编写Vue.js的单元测试的方法
Oct 17 Javascript
详解在React-Native中持久化redux数据
May 22 Javascript
element form 校验数组每一项实例代码
Oct 10 Javascript
深入理解redux之compose的具体应用
Jan 12 Javascript
Node 使用express-http-proxy 做api网关的实现
Oct 15 Javascript
JavaScript动态生成表格的示例
Nov 02 Javascript
详解微信小程序轨迹回放实现及遇到的坑
Feb 02 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
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
PHP 开发工具
2006/12/06 PHP
PHP更新购物车数量(表单部分/PHP处理部分)
2013/05/03 PHP
php表单提交与$_POST实例分析
2015/01/26 PHP
php获取本周星期一具体日期的方法
2015/04/20 PHP
PHP二维数组排序简单实现方法
2016/02/14 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
js 弹出菜单/窗口效果
2011/10/30 Javascript
JavaScript 5 新增 Array 方法实现介绍
2012/02/06 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
2013/12/18 Javascript
jQuery入门介绍之基础知识
2015/01/13 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
2015/11/02 Javascript
Bootstrap精简教程
2015/11/27 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
JS pushlet XMLAdapter适配器用法案例解析
2020/10/16 Javascript
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
用pycharm开发django项目示例代码
2018/10/24 Python
PyCharm+PySpark远程调试的环境配置的方法
2018/11/29 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
Python进度条的制作代码实例
2019/08/31 Python
python创建学生成绩管理系统
2019/11/22 Python
Python函数的返回值、匿名函数lambda、filter函数、map函数、reduce函数用法实例分析
2019/12/26 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
Html5实现用户注册自动校验功能实例代码
2016/05/24 HTML / CSS
金融管理专业毕业生求职信
2014/03/12 职场文书
董事长秘书工作职责
2014/06/10 职场文书
大学运动会加油稿200字(5篇)
2014/09/27 职场文书
党的群众路线剖析材料
2014/10/09 职场文书
2015迎新晚会活动总结
2015/07/16 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript