详解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 相关文章推荐
国外的为初学者写的JavaScript教程
Jun 09 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
让JavaScript和其它资源并发下载的方法
Oct 16 Javascript
代码分析jQuery四种静态方法使用
Jul 23 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
Jan 27 Javascript
TableSort.js表格排序插件使用方法详解
Feb 10 Javascript
vue微信分享 vue实现当前页面分享其他页面
Dec 02 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
Sep 14 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
Vuex mutitons和actions初使用详解
Mar 04 Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 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批量删除数据
2007/01/18 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
js前台判断开始时间是否小于结束时间
2012/02/23 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
js数组常用最重要的方法
2018/02/04 Javascript
JS实现简单获取最近7天和最近3天日期的方法
2018/04/18 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
关于layui的动态图标不显示的解决方法
2019/09/04 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
2020/09/04 Javascript
javascript使用正则表达式实现注册登入校验
2020/09/23 Javascript
Vue 数据绑定的原理分析
2020/11/16 Javascript
Python中文件I/O高效操作处理的技巧分享
2017/02/04 Python
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
Python3内置模块之base64编解码方法详解
2019/07/13 Python
kafka监控获取指定topic的消息总量示例
2019/12/23 Python
Python matplotlib画曲线例题解析
2020/02/07 Python
python实现跨excel sheet复制代码实例
2020/03/03 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
公司中层干部的自我评价分享
2014/03/01 职场文书
企业业务员岗位职责
2014/03/14 职场文书
文艺晚会主持词
2014/03/24 职场文书
毕业晚会主持词
2014/03/24 职场文书
个人债务授权委托书范本
2014/10/05 职场文书
2015年党风廉政建设工作总结
2015/04/09 职场文书
工程款申请报告
2015/05/15 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书
学前班教学反思
2016/02/24 职场文书
python 实现德洛内三角剖分的操作
2021/04/22 Python
悬疑名作《朋友游戏》动画无字ED宣传片 新角色公开
2022/04/13 日漫
使用Django框架创建项目
2022/06/10 Python