详解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实现marquee效果(文字或者图片的水平垂直滚动)
Jan 07 Javascript
jquery禁用右键示例
Apr 28 Javascript
浅谈Javascript如何实现匀速运动
Dec 19 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
js中的事件委托或是事件代理使用详解
Jun 23 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
Aug 14 Javascript
Bootstrap table使用方法汇总
Nov 17 Javascript
angular写一个列表的选择全选交互组件的示例
Jan 22 Javascript
js根据需要计算数组中重复出现某个元素的个数
Jan 18 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
js实现经典贪吃蛇小游戏
Mar 19 Javascript
JS实现鼠标按下拖拽效果
Jul 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
短波问题解答
2021/02/28 无线电
BBS(php & mysql)完整版(四)
2006/10/09 PHP
php操作sqlserver关于时间日期读取的小小见解
2009/11/29 PHP
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
php中利用str_pad函数生成数字递增形式的产品编号
2013/09/30 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
[原创]php获取数组中键值最大数组项的索引值
2015/03/17 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
如何设置一定时间内只能发送一次请求
2014/02/28 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
2017/09/03 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
2019/08/07 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
python画图的函数用法以及技巧
2019/06/28 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
基于python实现学生信息管理系统
2019/11/22 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
python实现PCA降维的示例详解
2020/02/24 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
python 日志模块 日志等级设置失效的解决方案
2020/05/26 Python
html5/css3响应式页面开发总结
2018/10/16 HTML / CSS
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
高中毕业生个人自我鉴定
2013/11/24 职场文书
ktv筹备计划书
2014/05/03 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
小学领导班子对照材料
2014/08/23 职场文书
2014年法院个人工作总结
2014/12/17 职场文书
重阳节主题班会
2015/08/17 职场文书
2016年学习贯彻十八届五中全会精神心得体会
2016/01/05 职场文书
详解MongoDB的条件查询和排序
2021/06/23 MongoDB