field: 'actionId', title: "操作", formatter: function (value, row, index) { var $container = $('<div>'); var $btn1 = $('<button>').text('按钮1'); $btn1.click(function() { // 在这里处理点击事件,传递row对象作为参数 console.log(row); }); $container.append($btn1); var $btn2 = $('<button>').text('按钮2'); $btn2.click(function() { // 在这里处理点击事件,传递row对象和index参数作为参数 console.log(row, index); }); $container.append($btn2); // 添加更多按钮... return $container; }页面显示为【object,object】
时间: 2023-08-13 15:04:30 浏览: 123
您在控制台上看到的是一个包含多个对象的数组,这个数组中的每个对象代表一个行数据,每个对象的属性对应着表格中的每一列。在您的代码中,当用户点击按钮时,会在控制台上打印出row对象的内容,因此当您选择某一行并点击按钮时,会打印出该行数据的对象表示,而由于该对象中包含多个属性,因此打印出的内容为一个包含多个对象的数组。
如果您只想打印出某个属性的值,比如打印出某一行的actionId属性,可以将console.log中的参数改为row.actionId,示例代码如下:
```javascript
field: 'actionId',
title: "操作",
formatter: function (value, row, index) {
var $container = $('<div>');
var $btn1 = $('<button>').text('按钮1');
$btn1.click(function() {
// 在这里处理点击事件,打印出该行数据的actionId属性值
console.log(row.actionId);
});
$container.append($btn1);
var $btn2 = $('<button>').text('按钮2');
$btn2.click(function() {
// 在这里处理点击事件,打印出该行数据的actionId属性值和index参数值
console.log(row.actionId, index);
});
$container.append($btn2);
// 添加更多按钮...
return $container;
}
```
这样修改后,当用户点击按钮时,会在控制台上打印出该行数据的actionId属性值或者actionId属性值和index参数值。
阅读全文