easyUI数据表格转换显示

数据库字段,值是固定的但响应到前台的时候可能一个也可能多个
如何将里面的数据值以汉字的形式显示在表格中、试了formatter只能比较单个、本身对操作数据表格能力有限、望各位前辈提点一下

0

1个回答

自己整个字典表不就行了,然后formatter格式化一下


function getCN(v){
var kv={LocalFinance:'LocalFinance的中文',GlabalData:'GlobalData的中文'/*..更多..*/}
var arr=v.split(','),s='';
for(var i=0;i<arr.length;i++)s+=','+kv[arr[i]];
return s.substring(1)
}


fomatter:getCN
5
qq_34944001
EndlessStruggle 根据你的指点问题解决了、非常感谢
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyUI日常问题之datagrid表格时间类型转换
先创建一个js文件,复制以下内容保存:
jquery easyui mybaties数据库显示datagrid、时间格式转换、查询功能
1.systemLogRecord.jsp &amp;lt;%@ page language=&quot;java&quot; import=&quot;java.util.*&quot; pageEncoding=&quot;UTF-8&quot;%&amp;gt; &amp;lt;!-- gr grprogram@163.com 2014.6.20--&amp;gt; &amp;lt;style type=&quot;text/css&quot;&amp;gt; #la{margin-lef
在datagrid中转换日期
EasyUi datagrid中传换日期 效果: { field : 'createdate', title : '创建日期', width : '20%', //传换日期 formatter:function(value,row,index){ return formatterDate(value); } }, //进行日期转换 function for...
easyui数据表格显示后台数据
easyui数据表格显示后台数据
使用jquery easyui 对表格中的时间格式化
在项目中,遇到时间格式化的问题,从数据库取出的日期,在页面中显示为一组数字,这时就需要格式化下日期了。 实例: 可以使用如下方法对日期,格式化: { field : 'createDate', title : "评论日期", width : '20%',
关于easyui中dategrid的date时间格式转换问题
使用easyui的时候,难免会遇到后台传来date数据,但dategrid中显示一长串数字的问题,我也是在网上查询了很长的时间才解决的问题 解决方案: 先在你所定义的列上添加格式转换的方法,formatter {&quot;title&quot;:&quot;bir&quot;,&quot;field&quot;:&quot;bir&quot;,width:200,formatter:datetoLocal} 之后再定义出如下的方法便可以了,它的作用是格式化日期 /*日期格...
EasyUI 之 dataGrid前台状态值转换
$('#dg').datagrid({ columns:[[ {field:'id', hidden:true}, {field:'questionContent',title:'题干'}, {field:'degree',title:'难度等级', formatter:function(value,rec){ i
关于easyui datagrid 单元格自动换行输出的问题
easyui datagrid相信不少朋友都有用过datagrid,如果我们在生成数据表格时,有些列的内容过多,就会造成显示不全的问题,这时候我们如何在单元格的里将内容自动关换行输出呢? 原来的效果 首先设置datagrid的列表属性, nowrap:false, 这表示:为True时则将数据显示在一行内。 //表格初始化 $list.datagrid({ idField:
easyui-datagrid关于展示的字段需要进行数据类型转换的问题(自己记录备忘)
从后台取的数据需要进行数据类型转换时 在表格datagrid的file中获取bean属性,通过formatter调用js脚本方法进行数据类型转换 例如:数据库中存放的是时间戳,bean属性也是Date类型,如果不转换,在页面上展示的就是时间戳, 因此,我们在前台要对拿到的bean属性进行数据类型转换 收费时间 调用的JS脚本: /**  * 时间格式YYY-mm-dd
将表单你序列化为json对象
$.fn.serializeJson=function(){               var serializeObj={};               var array=this.serializeArray();               var str=this.serialize();               $(array).each(function(){  
EasyUI 中将数据库表格中的字段值用文字代替数字显示在页面上
JavaScript部分 function formatFenid(val,row){ if(val == 1){ return &quot;电子产品&quot;; }else if(val==2){ return &quot;食品&quot;; } else if(val==3){ return &quot;服装&quot;; } } 注:其中val是数据库...
EasyUI制作隐藏的表格,查询时显示表格和结果
1.HTML页面很简单,如图:   2.接下来设置表格的隐藏与显示,隐藏语句放到页面初始化方法里就行,显示语句放到查询方法里如图:   例如:页面初始化方法:     查询方法(即查询按钮的点击事件):   3.接下来利用EasyUI设计,注意红框的方法,这个方法是自动分页方法,其他属性设置也需要仔细查看,第二张图展示分页方法:     分页方法,这个方法...
EasyUI datagrid不显示table信息问题
 一个页面同时有两个datagrid时,其中一个datagrid被调用后不显示table及其信息。如果你不是因为没有设置table宽高、不是因为写错单词或因copy忘了改两个datagrid的id造成的失误,那就检查哈你的table是不是写成这样了:如果是这样那就赶紧改吧:改完后刷新页面table及其信息就这样就神奇般出来了。...
EasyUI之datagrid展示数据列表
写在最前: 如果你用惯了Web Mvc框架的视图跳转方式来开发后台系统,第一次接触到EasyUI的时候,往往会有一个大大的疑问,这EasyUI是如何做跳转的啊?增删改查都不知道如何下手了!但是当你知道有RestFul编程的时候。你会恍然大悟:我靠,RestFul+EasyUI简直就是绝配呀!博主就是如此:在写完一个增删改查之后,才发现EasyUI越学越有意思,页面都是靠局部刷新来动态展示数据,这...
Easyui数据表格加载Json的内嵌对象数据
json格式 { "total": 3, "rows": [ { "id": null, "in_number": 3, "use_count": 3, "nsVo": { "id": 0, "n
MVC+EasyUI实现查询显示到相应表格
这里要说的显示界面是Razor页面,我们要使用easyui首先应该在界面中添加相应的引用,如下代码,这些都是必要的引用文件,可以根据自己所存放的路径来添加src地址。 @*添加Jquery EasyUI的样式*@ @*添加Jquery,EasyUI和easyUI的语言包的JS文件*@ 下面是实现对EasyUI的DataGird控件操作的JS代码 @*实现对EasyUI的Da
springmvc+easyui datagrid 数据表格、数据表格分页
easyui可以说是我们后端程序员的好朋友了,在没用这个东西之前,我的页面都是用硬编码以及el表达式来循环的,做的很辛苦,后面自己学习了easyui之后,上手也比较快,都是中文,开发变的快了很多,数据表格可以用两种方式实现。 第一js式实现 前台js代码 $(function() { //渲染表格 $(&quot;#userListDG&quot;).datagrid({ title : &quot;用户...
【EasyUI篇】ComboGrid数据表格下拉框组件
微信公众号:程序yuan 关注可获得更多干货哦!问题或建议,请公众号留言; ------------------------------------------------ 关注小编微信公众号获取更多资源 ------------------------------------------------ 查看--&amp;gt; 全套EasyUI示例目录 31.ComboGrid数据表格下...
easyUI的表单查询(转成json并绑定到datagrid上)
在BOS项目学习过程中使用了easyUI框架,数据基于数据表格显示出来 $('#grid').datagrid( { iconCls : 'icon-forward', fit : true, border : false, rownumbers : true, striped : true, pageList: [30,50,100], ...
Easyui笔记4:实现表格内combobox数据的动态切换(getEditor的使用)
在表格一行中,有两个下拉框编辑器。其中一个编辑器的选项内容要根据另一个编辑器的选项动态加载。 例如,A下拉框选择1时,B下拉框的选项为test1,test2,test3。当A下拉框选择2时,B下拉框的选项为test4,test5,test6。我们无法获得每行编辑器的id,那么如何实现这个功能?
easyui 列表按钮 DataGrid(数据表格)
要实现的效果图. 官方现有的demo有没有现成的.这种超链接按钮就需要我们自己去拼凑了. 需要用到easyui formatter 函数 (待更新...) My Project的实践 $("#easy-grid").datagrid({ width: $(".grid").width() - 10, he
EasyUI中数据表格的常见用法
本文不会说得太多,在这里主要阐述一下EasyUI中数据表格的一些常见功能,主要有两点:表格的嵌套显示和表头多行显示的配置。 1、表格的嵌套显示 在使用这个功能时,我们还要引用一个js文件,datagrid-detailview.js这个文件可以到它的官网上下载,下面是我们一个项目中所用的相关代码片断: page.app_Grid = $('#approveGrid').datagrid({ ...
EasyUI datagrid单元格文本超出显示省略号,鼠标移动到单元格显示文本
另一种:https://blog.csdn.net/weixin_42402763/article/details/88948879 nowrap : true; 是前提 $('#×××').datagrid({ nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取 }); 省略号样式: &lt;style type="text/c...
easyui-dataGrid单元格显示全部内容
dataGrid基本用法 <table id="dataGridId" name="dataGridName" class="easyui-datagrid" fit="true" fitColumns="true" //单元格是否不换行(false=换行,必须有中文或者符合才会自动换行,纯英文字母不会换行) nowrap="false" //属性 data-options= //分页,可选20条每页/40条每页
easyui多行复杂表头数据显示
先创建一个数据表格 // 初始化数据表格 $('#excel').datagrid({ columns : columns, // url : '/nursing/queryExcel', url : '/nursing/queryExcel', method : 'GET', rownumbers : true,// 行号 autoRowHeight : false
JQuery EasyUI的datagrid,查询后数据返回来了,但是页面不显示数据,也没有表格,只要行数
BUG描述:使用jQuery EasyUI的datagrid来写表格分页,查询后数据返回来了,但是页面不显示,连表头都没有,数据条数显示出来,包括条件查询也可以出来,但就是不显示。如下图:
Easyui-datagrid中不显示数据的可能原因
今天在练习一个Web项目时,当写好jsp页面代码和后台查询数据库代码后,运行项目,发现EasyUI-datagrid中显示空白,Chrome浏览器的Developer Tools中没有报错,后台也能打印出后台传递到前台的json字符串。后来经过排查,发现我有两处错误导致datagrid中不显示数据。
easyui不显示table问题
看看是否table嵌套了,table内的table无法显示
easyui 表头竖着显示
当遇到表头字段比较多,而数据项比较少的时候,横向显示有时候不方便 需要竖着显示。 可以如下展示 function daydetailmethod(id){ var rows = []; $.ajax({ url:path+"/xxxx/xxxxx?id="+id, type:"post", dataType:"json", async:false, success:functi
jqueryeasyui datagrid column数据过长无法完全展示问题
在项目开发的时候发现有些column的数据过长,导致不能够完全展示,改变column大小整体样式会受到影响,这时我们可以通过jqueryeasyui中的formatter来改变column的展示。修改后当鼠标移到column后数据会以悬浮框的形式展示出来 代码: js部分 function format(val,row){if (val){return '&amp;lt;span title=&quot;'...
easyui datagrid由横表转成纵表
easyui datagrid由横表转成纵表
easyUI数据列表显示条件
//显示条件 var tj = '?filter={ &amp;amp;amp;quot;groupOp&amp;amp;amp;quot;:&amp;amp;amp;quot;AND&amp;amp;amp;quot;, &amp;amp;amp;quot;rules&amp;amp;amp;quot;: [{ &amp;amp;amp;quot;field&amp;amp;amp;quot;:&amp;amp;amp;quot;myxd&amp;amp;amp;quot;, &amp;amp;am
easyui表格中各种bug及解决方法
分页参数获取问题 我在js中用了这样的一个方法设置分页 $('#pp').pagination({ pagination: true, pageSize: 3, total:10, pageList: [1, 2, 3, 4, 5], onSelectPage:function(pageNumber, pageSize){ ...
easyUI的datagrid 组件中,当后台数据为日期类型怎么显示出来
问题描述:如果后台数据中的json串中有date类型数据,那么使用easyui显示数据时日期类型显示的就会是[object objecto] 解决办法:显示的数据为Date的数据,其中展示到前台的是数据的fasttime,因此我们要用datagrid中的formatter属性进行格式化,情况如下: 解决js代码如下: field : 'order...
MySql + JDBC +EasyUI DataGrid实现数据表格的展示和分页
使用JDBC实现数据库工具类,使用工具类连接数据库,使用EasyUI连接后台实现数据表格的展示和分页功能
EasyUI-数据表格的客户端分页
@{ Layout = null; } &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="width=device-width" /&gt; &lt;title&gt;Index&lt;/title&gt; &lt;script src="~/Scri...
EasyUi 表格自定义列
以下是我学习EasyUi碰到的问题与解决方案 不说废话了。贴图:     效果图为: 如果要EasyUi的datagrid表格可以自定义列的话。就可以使用他自带的列属性formatter,它是一个单元格格式器函数。官方给出的例子为 也就是说。他是可以通过这个函数判断字段值及返回的值。所以我们也可以用它来返回自己需要的HTML元素。另外笔者也偶然发现一个小错误。就是假如他的不同
解决easyUI-datagrid不显示的问题
最近项目中需要用到表格,使用  easyUI-datagrid。使用过程中发现了一个较为奇怪的问题,初始时将datagrid的display属性为none,之后点击某一个按钮后,再将display设置为block,可这是并没有把表格显示出来,只是出来一条竖线。      但这时如果将浏览器页面改变下大小,表格又显示出来了。      经过分析后发现,datagrid控件的长宽使用百分比
EasyUI-数据表格的尾行
@{ Layout = null; } &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="width=device-width" /&gt; &lt;title&gt;Index&lt;/title&gt; &lt;script src="~/Scri...
easyui中Datagrid样式无法加载及样式加载后数据无法显示
检查文件:1)初始化datagrid()方法是否位于文件上部2)检查自己写的样式是否与datagrid的样式冲突,冲突可能引起数据无法加载