怎么将JS的JSON重构成一个DIV表格?

怎么将JS的JSON重构成一个DIV表格?,第1张

JS干不了这个事儿,浏览器JS有很大的局限性,不能和文件系统交互,所以JS注定没法法读取Excel表格数据,只能是把Excel传到后台,后台用服务组件解析为特定对象结构、XML或者JSON数据存储。有一种用JS生成Excel的法是用Base64编码。可以看看下面的Blog:

  一、复制粘贴格式

  首先在第一张工作表中的单元格区域中设置好格式,选择设置好格式的单元格区域,按Ctrl+C组合键复制,切换到需要设置相同格式的工作表,选择需要设置格式的单元格区域右击鼠标,在d出的快捷菜单的粘贴选项栏中选择格式选项,即可复制上一工作表中的格式

  二、Excel格式刷

  在第一张工作表中的单元格区域中设置好格式,选择设置格式的单元格区域,在开始选项卡剪贴板组中单击格式刷按钮,然后切换到需要设置相同格式的工作表,选择需设置格式的单元格区域即可,如图所示:

  这样就通过excel格式刷实现了设置相同单元格格式了。

1首先需要用script引入jquery和easyui文件。如图所示:

2html页面设置如下:

data-options里面设置的属性可根据需要自己定义,是否单选,是否设置分页等等。

3引入easyui的css样式。

4用ajax方法加载出数据。

注意:在成功以后的回调函数中给页面id为dg的盒子绑定数据。

5配置datagrid方法:

function fLoadTable(){

$('#dg')datagrid({

title: '用户列表',

width: 700,

height: 300,

fitColumns: true,

//对应json数据中的每一列

columns : [ [ {

field : 'id', //每一列的名字

width : '100',

title:'ID',

checkbox:true

},{

field : 'flag',

title : '职位',

width : '100',

align : 'center'

}, {

field : 'userName',

title : '姓名',

width : '100',

align : 'center',

},{

field : 'gender',

title : '性别',

width : '100',

align : 'center',

},{

field : 'email',

title : '邮箱',

width : '100',

align : 'center',

}

] ],

idField:'id',

loadMsg:'Processing, please wait …',

pagination:true 

});

}

6最后调用这两个函数。

7效果截图

下面是我的json数据:

用angularJS,在页面用一个ng-repeat就可以了或者在action里返回对象A,A有get,set方法,例:privateAAA;publicStringexecute(){A=你的结果;return"success";},getA(),setA();在strutsxml中配置在页面是$post("","",function(data,status){在这里直接去,例如:dataA(对象)id(属性);就可以得到对象A的id属性值。})

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11680073.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存