formatter这个属性属于列参数,意思就是对当前列的数据进行格式化操作,它是一个函数,有三个参数,value,row,index,
value:代表当前单元格中的值,
row:代表当前行,
index:代表当前行的下标,
可以使用return 返回你想要的数据显示在单元格中
例子1:使用js参数方式配置
{field:”operate”,title:”操作”,align:”center”,valign:”middle”,formatter:function(value,row,index){
return ”<a href=’javascript:’ onclick=’editRow(event)’>编辑</a>&nbsp&nbsp<a href=’javascript:’ onclick=’deleteRow(event)’>删除</a>”
}}
效果:
例子2:使用data-formtter:使用自定义属性参数
<table id=”tbl” data-formatter=”fun”></table>
function fun(value,row,index){
/*处理数据*/
return ”<a href=’javascript:’ onclick=’editRow(event)’>编辑</a>&nbsp&nbsp<a href=’javascript:’ onclick=’deleteRow(event)’>删除</a>”
}
效果:
java formatter是什么,有什么作用,怎么用?
formatter
顾名思义,formatter是格式化的意思,也就是以何种形式呈现的意思,对于一个纯文本,我可以将它呈现为checkbox,也可以呈现为
input输入框,甚至下拉框等等,或者是在文本外层包裹更多的DOM(当然包裹这样做并没有多大意义),这就是formatter的真正意义。
例:
formatter:
function(value,
row,
index){
if
(value
==
”007”)
{
return
’<font
color=”red”>’
+
value
+
’</font>’
}
else
{
return
value
}
}
使用formatter需要注意以下几点:
无论formatter出何种形式,格式化出的DOM一定都是被包含在默认的div标签内
在写formatter函数时要保证有值返回,否则单元格没有内容可展示,所以if的时候别忘了else
formatter函数不会作用在列属性checkbox为true的单元格上,checkbox列是组件预留的。
elementUI 表格formatter属性的用法
java.util.Formatter 是JDK1.5新增的类库,功能很强大,主要用来格式化文本的。
格式化主要用在文本输出方面,比如,数字、日期、金额等,还有类似超市的购物单小票等等,都会用到格式化输出的工具。在此类没出现之前,只能通过空格缩进或这个制表符来对单据等格式做一些控制,现在只要掌握java.util.Formatter,就可以熟练应用了 。
举例如下:
import java.util.Calendar
import java.util.Formatter
import java.util.GregorianCalendar
/**
* Formatter测试
*
* @author leizhimin 2009-7-16 16:31:02
*/
public class TestFormatter {
public static void main(String[] args) {
//%[argument_index$][flags][width][.precision]conversion
Formatter f1 = new Formatter(System.out)
//格式化输出字符串和数字
f1.format(”格式化输出:%s %d”, ”a”, 1235)
System.out.println(”\n——–”)
//日期的格式化
Calendar c = new GregorianCalendar()
f1.format(”当前日期:%1$tY-%1$tm-%1$te”, c)
System.out.println(”\n——–”)
//日期的格式化,并将格式化结果存储到一个字符串变量中
String s = String.format(”当前日期:%1$tY-%1$tm-%1$te”, c)
System.out.println(s)
//2$:取第二个参数
//-: 指定为左对齐,默认右对齐
//5:最大输出宽度为20,不够会补空格,实际若超过则全部输出
//.2:在此表示输出参数2的最大字符数量,如果是浮点数字,则表示小数部分显示的位数
//s :表示输入参数是字符串
f1.format(”%2$-5.2s %1$2s”, ”123”, ”456”)
//将格式化的结果存储到字符串
System.out.println(”\n——–”)
String fs = String.format(”身高体重(%.2f , %d)”, 173.2, 65)
System.out.println(fs)
//printf()本质上也是用System.out作为输出目标构造Formatter对象
//调用format方法,并将printf的参数传给format方法而得。
System.out.println(”\n——–”)
System.out.printf(”身高体重(%.2f , %d)”, 180.2, 65)
}
}
运行结果:
格式化输出:a 1235
——–
当前日期:2009-07-16
——–
当前日期:2009-07-16
45123
——–
身高体重(173.20 , 65)
——–
身高体重(180.20 , 65)
Process finished with exit code 0
Echarts 的Formatter的函数怎么写
用来格式化内容(字典翻译)
表格某一字段长这样:
后台返回的字段是这样的:
status: off 或者 status: on
后台提供的字典:
后台返回英文,可是要求中文展示,如果有下拉列表查询框,选择以后又要求传给后台的是英文怎么办?
我们可以在mounted的时候获取字典,然后组装一下:
statusOptions可以用来做用于筛选的下拉列表:
在表格的“状态“”这一栏使用formatter属性:
这样就可以把字段翻译成自己需要的语言,而不影响传递给后台的值。做国际化的时候很方便,因为后端返回的字典可能变成status: {all: ”all”, off: ”offline”, on: ”online”}或者别的语言,这样做不管后端怎么变,前端完全不用修改。
formatter: function (params) {
for (var i = 0, l = option.xAxis[0].data.lengthi <li++) {
if (option.xAxis[0].data[i] == params.name) {
return option.series[0].data[i] + params.value
}
}
}
formatter: function (params){
return params[0].name + ’<br/>’
+ params[0].seriesName + ’ : ’ + params[0].value + ’<br/>’
+ params[1].seriesName + ’ : ’ + (params[1].value)
}
formatter可以用在很多地方,里面是不同的参数,具体情况,得看你用在哪里
以上就是关于bootstrap table中formatter作用是什么全部的内容,如果了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!