bootstrap

发布时间:2024-08-18 17:13:23 来源:君肯网

formatter这个属性属于列参数,意思就是对当前列的数据进行格式化操作,它是一个函数,有三个参数,value,row,index,

value:代表当前单元格中的值,

row:代表当前行,

index:代表当前行的下标,

可以使用return 返回你想要的数据显示在单元格中

例子1:使用js参数方式配置

{field:”operate”,title:”操作”,align:”center”,valign:”middle”,formatter:function(value,row,index){

     return ”&lta href=’javascript:’ onclick=’editRow(event)’&gt编辑&lt/a&gt&ampnbsp&ampnbsp&lta href=’javascript:’ onclick=’deleteRow(event)’&gt删除&lt/a&gt”

 }}

效果:

例子2:使用data-formtter:使用自定义属性参数

&lttable id=”tbl” data-formatter=”fun”&gt&lt/table&gt

function fun(value,row,index){

  /*处理数据*/

  return ”&lta href=’javascript:’ onclick=’editRow(event)’&gt编辑&lt/a&gt&ampnbsp&ampnbsp&lta href=’javascript:’ onclick=’deleteRow(event)’&gt删除&lt/a&gt”

}

效果:

java formatter是什么,有什么作用,怎么用?

formatter

顾名思义,formatter是格式化的意思,也就是以何种形式呈现的意思,对于一个纯文本,我可以将它呈现为checkbox,也可以呈现为

input输入框,甚至下拉框等等,或者是在文本外层包裹更多的DOM(当然包裹这样做并没有多大意义),这就是formatter的真正意义。

例:

formatter:

function(value,

row,

index){

if

(value

==

”007”)

{

return

’&ltfont

color=”red”&gt’

+

value

+

’&lt/font&gt’

}

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)

bootstrap

//格式化输出字符串和数字

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 &ltli++) {

if (option.xAxis[0].data[i] == params.name) {

return option.series[0].data[i] + params.value

}

}

}

formatter: function (params){

return params[0].name + ’&ltbr/&gt’

+ params[0].seriesName + ’ : ’ + params[0].value + ’&ltbr/&gt’

+ params[1].seriesName + ’ : ’ + (params[1].value)

}

formatter可以用在很多地方,里面是不同的参数,具体情况,得看你用在哪里

以上就是关于bootstrap table中formatter作用是什么全部的内容,如果了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

更多相关资讯

formatter这个属性属于列参数,意思就是对当前列的数据进行格式化操作,它是一个函数,有三个参数,value,row,index, va…
查看详情
formatter这个属性属于列参数,意思就是对当前列的数据进行格式化操作,它是一个函数,有三个参数,value,row,index, va…
查看详情
formatter这个属性属于列参数,意思就是对当前列的数据进行格式化操作,它是一个函数,有三个参数,value,row,index, va…
查看详情
相关文章
推荐游戏
风之谷
风之谷
游戏资讯 10.5M
下载
斗罗大陆3
斗罗大陆3
游戏资讯 566.9M
下载
冠军网球
冠军网球
游戏资讯 148.1M
下载
最佳炮手
最佳炮手
游戏资讯 68.1M
下载
如梦下弦月
如梦下弦月
游戏资讯 840.1M
下载
富甲封神传
富甲封神传
游戏资讯 263.0M
下载