有没有谁用过jqGrid导出excel-CSDN论坛

有没有谁用过jqGrid导出excel-CSDN论坛,第1张

在EXCEL中使用函数进行计算,方法如下: (1)单击选定用于存放计算结果的单元格(即结果放在哪里,就单击选定哪里)。 (2)在工具栏上单击“粘贴函数”列表,选择需要的函数。 (3)确定后,打开函数参数设置对话框,设置相应参数。 对于求和,

1、问题背景

(1)jqGrid生成表格带有标题,固定不变的

(2)表格标题随着年份进行变化

2、实现源码

[html] view plain copy print

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>如何设置表格caption值</title>

<link rel="stylesheet" href="/css/uijqgrid-bootstrap-uicss" />

<link rel="stylesheet" href="/css/uijqgrid-bootstrapcss" />

<link rel="stylesheet" href="/css/uijqgridcss" />

<script src="/js/jquery-1110minjs"></script>

<script src="/js/jqueryjqGridminjs"></script>

<script src="/js/i18n/gridlocale-cnjs"></script>

<script>

$(function(){

var date = new Date();

var year = dategetFullYear();

var student = [

{id:'001',name:'zhangsan1',sex:'m',age:23},

{id:'002',name:'zhangsan2',sex:'w',age:20},

{id:'003',name:'zhangsan3',sex:'m',age:22},

{id:'004',name:'zhangsan4',sex:'w',age:21},

{id:'005',name:'zhangsan5',sex:'m',age:19},

{id:'006',name:'zhangsan6',sex:'w',age:18},

{id:'007',name:'zhangsan7',sex:'m',age:24},

{id:'008',name:'zhangsan8',sex:'w',age:20},

{id:'009',name:'zhangsan9',sex:'m',age:25},

{id:'010',name:'zhangsan10',sex:'w',age:23}

];

$("#title-grid-table")jqGrid({

data:student,

datatype:'local',

caption:'学生信息表',

height:'auto',

rowNum: 30,

rowList: [10,20,30],

colNames:['编号','姓名','性别','年龄'],

colModel:[

{name:'id',index:'id', width:300, sorttype:"int"},

{name:'name',index:'name', width:300,editable:true},

{name:'sex',index:'sex',width:300},

{name:'age',index:'age',width:300}

],

pager: "#title-grid-pager",

viewrecords: true,

sortname: 'name',

loadComplete:function(){

$(this)jqGrid("setCaption",year+"年毕业学生信息表");

}

});

});

</script>

</head>

<body>

<div>

<table id="title-grid-table"></table>

<table id="title-grid-pager"></table>

</div>

</body>

</html>

3、问题说明

(1)固定标题属性直接使用caption

(2)重新设置标题的方法是setCaption

你是什么情况,难道你不是类似用下面的方式生成table的?id是本来就定义好的。

<table id="a"></table>

<script type="text/javascript">

jQuery("#a")jqGrid({});

</script>

  获取行号,有这种方式:

  var rowid = $("#grid-table")jqGrid("getGridParam", "selrow");

  最后先在js最外部定义一个变量selId,然后使用如下代码在选中行时赋值:

  onSelectRow: function (rowid, status) {

    selId = rowid;  //给最外层的selId赋值

  }

{total:5,page:1,records:45,rows:[{userName:'张三',password:123},{userName:'李四',password:123}]}

上面是jqgrid默认的json数据格式,其中total:页面总数,page:当前页数,records:所有记录数,rows:当前页面行数据。如果不想使用默认的格式可以定义自己的jsonReader。jqgrid默认是对rows循环遍历生成表格行,如果在js中定义的colModel的name分别为userName和password,则生成的grid数据行如下:

张三 123

李四 123

您好,非常荣幸能在此回答您的问题。以下是我对此问题的部分见解,若有错误,欢迎指出。你用了bootstrapTable,打印之前需要把打印的数据重新js定义一遍样式

看着改吧,根据你要打印的数据传参数非常感谢您的耐心观看,如有帮助请采纳,祝生活愉快!谢谢!

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

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

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-09-01
下一篇2025-09-01

发表评论

登录后才能评论

评论列表(0条)

    保存