详解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 相关文章推荐
彻底搞懂JS无缝滚动代码
Jan 03 Javascript
document.designMode的功能与使用方法介绍
Nov 22 Javascript
Dom 是什么的详细说明
Oct 25 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
Aug 02 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
JavaScript实现列表分页功能特效
May 15 Javascript
JS求解三元一次方程组值的方法
Jan 03 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
关于axios如何全局注册浅析
Jan 14 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
Jquery动态列功能完整实例
Aug 30 jQuery
vue实现倒计时获取验证码效果
Apr 17 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 array_map array_multisort 高效处理多维数组排序
2009/06/11 PHP
Symfony数据校验方法实例分析
2015/01/26 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
PHP使用JpGraph绘制折线图操作示例【附源码下载】
2019/10/18 PHP
yii2.0框架场景的简单使用示例
2020/01/25 PHP
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
javascript 手动给表增加数据的小例子
2013/07/10 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
jQuery多个input求和的实现方法
2015/02/12 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
js实现分割上传大文件
2016/03/09 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
JavaScript 中对象的深拷贝
2016/12/04 Javascript
微信小程序商品到详情的实现
2017/06/27 Javascript
详解Webpack DLL用法以及功能
2017/07/11 Javascript
JavaScript文件的同步和异步加载的实现代码
2017/08/19 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
2018/06/25 Javascript
json前后端数据交互相关代码
2018/09/19 Javascript
javascript中数组的常用算法深入分析
2019/03/12 Javascript
浅析Python的Django框架中的Memcached
2015/07/23 Python
结合Python的SimpleHTTPServer源码来解析socket通信
2016/06/27 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
520使用Python实现“我爱你”表白
2020/05/20 Python
Python3如何使用range函数替代xrange函数
2020/10/05 Python
HTML5 LocalStorage 本地存储详细概括(多图)
2017/08/18 HTML / CSS
澳大利亚领先的在线机械五金、园艺和存储专家:Edisons
2018/03/24 全球购物
前台接待员岗位职责
2014/01/02 职场文书
幼儿教师培训感言
2014/03/08 职场文书
优秀护士先进事迹
2014/05/08 职场文书
负责人任命书范本
2014/06/04 职场文书
离婚协议书应该怎么写
2014/10/12 职场文书
HTML常用标签超详细整理
2022/03/19 HTML / CSS
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技