67,512
社区成员
发帖
与我相关
我的任务
分享easyUI datagrid columns参数传递问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
href="http://www.jeasyui.com/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css"
href="http://www.jeasyui.com/easyui/demo/demo.css">
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript"
src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
...全文
请发表友善的回复…
发表回复
vincentvvv 2017-03-06
- 打赏
- 举报
o 是那行的数据，直接使用就可以
vincentvvv 2017-03-06
- 打赏
- 举报
formatter : function(v, o) {
return "<a href='javascript:void(0)' onclick='pushDetail("
+ o.id+ ")'>详情</a>";
}
haozaige11213 2016-01-29
- 打赏
- 举报
内部将字符串转换为对象了
haozaige11213 2016-01-29
- 打赏
- 举报
不知道 .........
仰望星空_Star 2016-01-29
- 打赏
- 举报
有没有官方说明？
仰望星空_Star 2016-01-28
- 打赏
- 举报
刚刚提问问题竟然被封号了，吓得我不得不分开提交代码了，废话不说了，在上面这个代码中pushDetail()方法为什么输出的会是一个object，我明明传递的是一个JSON字符串？我试过不经过datagrid传递发现方法得到的是一个字符串，但是为什么经过datagrid后就变成了一个object呢？感觉很神奇
仰望星空_Star 2016-01-28
- 打赏
- 举报
<script type="text/javascript">
var data = {
"rows" : [ {
"productid" : "FI-SW-01",
"productname" : "Koi",
"unitcost" : 10.00,
"status" : "P",
"listprice" : 36.50,
"attr1" : "Large",
"itemid" : "EST-1"
}, {
"productid" : "K9-DL-01",
"productname" : "Dalmation",
"unitcost" : 12.00,
"status" : "P",
"listprice" : 18.50,
"attr1" : "Spotted Adult Female",
"itemid" : "EST-10"
}, ]
};
$(function() {
$("#tt")
.datagrid(
{
title : 'Editable DataGrid',
iconCls : 'icon-edit',
width : 740,
height : 250,
singleSelect : true,
data : data,
columns : [ [ {
field : 'item',
width : 80,
title : 'idd',
formatter : function(v, o) {
var param = JSON.stringify(o);
return "<a href='javascript:void(0)' onclick='pushDetail("
+ param + ")'>详情</a>";
}
} ] ]
})
});
function pushDetail(d) {
console.log(d)
}
</script>
</head>
<body>
<table id="tt"></table>
</body>
</html> 扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。 依赖 panel resizable linkbutton pagination 用法 代码如下:
代码如下: $(‘#tt’).datagrid({ url:’datagrid_data.json’, columns:[[ {field:’code’,title:’Code’,width:100}, {field:’name’,title:’Name’,width:100}, {field:’price’,ti
如题，项目要用到jeasyui，所以必须要下载它的demo，获取相应的js,css等等的文件
jeasyui的下载地址：http://www.jeasyui.com/download/index.php
';
var frozenColumns = printDatagrid.datagrid("options").frozenColumns; // 得到frozenColumns对象
var columns = printDatagrid.datagrid("options").columns; // 得到columns对象
var nameList = '';
// 载入title
if (typeof columns != 'undefined' && columns != '') {
$(columns).each(function (index) {
tableString += '\n
| 年 半年广东省房屋市政工程安全生产文明施工示范工地申报项目汇总表 | |
| 地区（部门）公 章： | 报送时间： 年 月 日 |
| Columns[index][i].rowspan != 'undefined' && frozenColumns[index][i].rowspan > 1) { tableString += ' rowspan="' + frozenColumns[index][i].rowspan + '"'; } if (typeof frozenColumns[index][i].colspan != 'undefined' && frozenColumns[index][i].colspan > 1) { tableString += ' colspan="' + frozenColumns[index][i].colspan + '"'; } if (typeof frozenColumns[index][i].field != 'undefined' && frozenColumns[index][i].field != '') { nameList += ',{"f":"' + frozenColumns[index][i].field + '", "a":"' + frozenColumns[index][i].align + '"}'; } tableString += '>' + frozenColumns[0][i].title + ' | '; } } } for (var i = 0; i < columns[index].length; ++i) { if (!columns[index][i].hidden) { tableString += '\ncolumns[index][i].rowspan != 'undefined' && columns[index][i].rowspan > 1) { tableString += ' rowspan="' + columns[index][i].rowspan + '"'; } if (typeof columns[index][i].colspan != 'undefined' && columns[index][i].colspan > 1) { tableString += ' colspan="' + columns[index][i].colspan + '"'; } if (typeof columns[index][i].field != 'undefined' && columns[index][i].field != '') { nameList += ',{"f":"' + columns[index][i].field + '", "a":"' + columns[index][i].align + '"}'; } tableString += '>' + columns[index][i].title + ' | '; } } tableString += '\n||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Columns[index][i].rowspan != 'undefined' && frozenColumns[index][i].rowspan > 1) { tableString += ' rowspan="' + frozenColumns[index][i].rowspan + '"'; } if (typeof frozenColumns[index][i].colspan != 'undefined' && frozenColumns[index][i].colspan > 1) { tableString += ' colspan="' + frozenColumns[index][i].colspan + '"'; } if (typeof frozenColumns[index][i].field != 'undefined' && frozenColumns[index][i].field != '') { nameList.push(frozenColumns[index][i]); } tableString += '>' + frozenColumns[0][i].title + ' | '; } } } for (var i = 0; i < columns[index].length; ++i) { if (!columns[index][i].hidden) { tableString += '\ncolumns[index][i].rowspan != 'undefined' && columns[index][i].rowspan > 1) { tableString += ' rowspan="' + columns[index][i].rowspan + '"'; } if (typeof columns[index][i].colspan != 'undefined' && columns[index][i].colspan > 1) { tableString += ' colspan="' + columns[index][i].colspan + '"'; } if (typeof columns[index][i].field != 'undefined' && columns[index][i].field != '') { nameList.push(columns[index][i]); } tableString += '>' + columns[index][i].title + ' | '; } } tableString += '\n||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 编号 | 姓名 | 详细信息 | 登录信息 | |||
|---|---|---|---|---|---|---|
| 地址 | 电话 | 邮箱 | 登录名 | 密码 | ||
