详解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的变量值传递给ASP变量
Dec 10 Javascript
JS的千分位算法实现思路
Jul 31 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
jQuery视差滚动效果网页实现方法经验总结
Sep 29 Javascript
jQuery Easyui datagrid连续发送两次请求问题
Dec 13 Javascript
javascript实现秒表计时器的制作方法
Feb 16 Javascript
vue-cli如何快速构建vue项目
Apr 26 Javascript
vue axios用法教程详解
Jul 23 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
Oct 15 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
详解如何更好的使用module vuex
Mar 27 Javascript
Angular如何由模板生成DOM树的方法
Dec 23 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中操作Excel实例代码
2010/04/29 PHP
php中sprintf与printf函数用法区别解析
2014/02/17 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
PHP中->和=>的含义及使用示例解析
2020/08/06 PHP
一实用的实现table排序的Javascript类库
2007/09/12 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
javascript写的简单的计算器,内容很多,方法实用,推荐
2011/12/29 Javascript
js和jquery设置disabled属性为true使按钮失效
2014/08/07 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
详解JavaScript调用栈、尾递归和手动优化
2017/06/03 Javascript
jQuery plugin animsition使用小结
2017/09/14 jQuery
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
在Python的struct模块中进行数据格式转换的方法
2015/06/17 Python
python enumerate函数的使用方法总结
2017/11/15 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
python实现发送带附件的邮件代码分享
2020/09/22 Python
CSS3实现超酷的黑猫警长首页
2016/04/26 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
HTML5 预加载让页面得以快速呈现
2013/08/13 HTML / CSS
丝芙兰巴西官方商城:SEPHORA巴西
2016/10/31 全球购物
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
What is view? why do we have view?
2012/06/22 面试题
教师节商场活动方案
2014/02/13 职场文书
高中军训感言800字
2014/03/05 职场文书
年终总结会议主持词
2014/03/17 职场文书
课外活动实习计划
2015/01/19 职场文书
本溪关门山导游词
2015/02/09 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
入党后的感想
2015/08/10 职场文书
乡镇团代会开幕词
2016/03/04 职场文书