jqgrid设置单元格不可编辑但是可以点击
时间: 2023-08-18 20:06:18 浏览: 124
Jquery datagrid实现单元格编辑
4星 · 用户满意度95%
可以通过设置单元格的 `editable` 和 `clickable` 属性来实现单元格不可编辑但可以点击的效果。
首先,将单元格的 `editable` 属性设置为 `false`,这样单元格就不可编辑了。然后,将单元格的 `clickable` 属性设置为 `true`,这样就可以在单击单元格时触发相应的事件。
下面是一个示例代码片段:
```javascript
colModel: [
{
name: 'name',
index: 'name',
width: 150,
editable: false,
clickable: true,
formatter: function(cellvalue, options, rowObject) {
return '<span class="clickable-cell">' + cellvalue + '</span>';
}
}
]
```
在上面的代码中,我们设置了 `name` 列的单元格不可编辑但可以点击。通过 `formatter` 属性,我们将单元格的内容包装在一个带有 `clickable-cell` 类的 `span` 标签中,这样就可以用 CSS 样式来处理点击事件。
阅读全文