详解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 相关文章推荐
asp(javascript)全角半角转换代码 dbc2sbc
Aug 06 Javascript
HTML5之lang属性与dir属性的详解
Jun 19 Javascript
open 动态修改img的onclick事件示例代码
Nov 13 Javascript
javascript创建数组之联合数组的使用方法示例
Dec 26 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
May 12 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 Javascript
JavaScript按值删除数组元素的方法
Apr 24 Javascript
jQueryUI Datepicker组件设置日期高亮
Oct 13 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
May 12 Javascript
vue实现简单计算商品价格
Sep 14 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 操作符与控制结构
2012/03/07 PHP
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
Laravel自定义 封装便捷返回Json数据格式的引用方法
2019/09/29 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
JavaScript 节点操作 以及DOMDocument属性和方法
2007/12/06 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
2012/03/29 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
js随机生成26个大小写字母
2016/02/12 Javascript
AngularJS入门之动画
2016/07/27 Javascript
简单实现js浮动框
2016/12/13 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
详解Vue2.0 事件派发与接收
2017/09/05 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
使用react实现手机号的数据同步显示功能的示例代码
2018/04/03 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
Python中装饰器的一个妙用
2015/02/08 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
浅谈Python反射 & 单例模式
2019/03/21 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
python增加图像对比度的方法
2019/07/12 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
使用Python合成图片的实现代码(图片添加个性化文本,图片上叠加其他图片)
2020/04/30 Python
python中类与对象之间的关系详解
2020/12/16 Python
CSS3动画特效在活动页中的应用
2020/01/21 HTML / CSS
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
管理心得体会
2013/12/28 职场文书
薪资证明范本
2015/06/19 职场文书