return "<input type='button' class='l-btn l-btn-small' onclick='showBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")' value='查看 '/> "+ "<input type='button' class='l-btn l-btn-small' onclick='editorBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")' value='编辑 '/> "+ "<input type='button' class='l-btn l-btn-small' onclick='historyBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")' value='变更记录'/>"转成a标签
时间: 2024-03-04 12:49:30 浏览: 75
可以通过如下方式将这段代码转换成 a 标签的形式:
```javascript
return "<a href='javascript:void(0)' onclick='showBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")'>查看</a> " +
"<a href='javascript:void(0)' onclick='editorBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")'>编辑</a> " +
"<a href='javascript:void(0)' onclick='historyBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")'>变更记录</a>";
```
这里使用了 `a` 标签来代替 `input` 标签,并且通过 `href='javascript:void(0)'` 来指定点击链接时执行的 JavaScript 函数。
相关问题
field: 'actionId', title: "操作", formatter: function (value, row, index) { var isReadOnly = null; if(row.entryStatus == 50041002){ isReadOnly='disabled'; } return "<input type='button' class='l-btn l-btn-small' onclick='showBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")' value='查看 '/> "+ "<input type='button' class='l-btn l-btn-small' "+isReadOnly+" onclick='editorBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")' value='编辑 '/> "+ "<input type='button' class='l-btn l-btn-small' onclick='historyBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")' value='变更记录'/>" }让disable的input框变灰色
您可以在isReadOnly='disabled'之后添加style='background-color: #f2f2f2;',这样就可以将disabled的input框变成灰色了。修改后的代码如下:
```
field: 'actionId',
title: "操作",
formatter: function (value, row, index) {
var isReadOnly = null;
if(row.entryStatus == 50041002){
isReadOnly='disabled';
}
return "<input type='button' class='l-btn l-btn-small' onclick='showBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")' value='查看 '/> "+
"<input type='button' class='l-btn l-btn-small' "+isReadOnly+" style='background-color: #f2f2f2;' onclick='editorBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")' value='编辑 '/> "+
"<input type='button' class='l-btn l-btn-small' onclick='historyBookEntry(" + value + "," + JSON.stringify(row) + "," + index + ")' value='变更记录'/>";
}
```
"render": function(data, type, row){ return '<input class="btn btn-xs btn-success" type="button" value="编辑" onclick="updateData(\''+row.id+'\')"> <input class="btn btn-xs btn-danger" type="button" value="删除" onclick="delData(\''+row.id+'\')">'; }, 上一段代码里的row是怎么定义的,它包含哪些属性
在这段代码中,`row`是作为`render`函数的参数之一传入的。它表示当前数据行的对象,包含了该行的各个属性。
具体来说,`row`对象包含了与该数据行相关的属性,这些属性的名称和具体含义取决于数据表格的设计和数据源。通常情况下,每个属性对应一个表格列。
在这段代码中,使用了`row.id`来获取当前行的`id`属性值,并将其作为参数传递给`updateData()`和`delData()`函数。
需要注意的是,`row`对象的具体属性取决于数据表格的列定义和数据源的结构。如果你想知道具体有哪些属性,可以查看数据表格的配置或者通过打印输出`row`对象来获取属性的名称和值。
阅读全文