jqgrid设置单元格不可编辑但是可以点击
时间: 2023-08-18 19:06:18 AIGC 浏览: 160
可以通过设置单元格的 `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 样式来处理点击事件。
相关问题
jqgrid设置单元格回车后不跳转到下一个可编辑单元格
您可以在 `beforeSelectRow` 事件中阻止单元格的跳转行为。在事件处理程序中,您可以检查单元格是否可编辑,如果是,则返回 false,否则返回 true。以下是示例代码:
```javascript
beforeSelectRow: function(rowid, e) {
var $td = $(e.target).closest('td');
if ($td.hasClass('editable')) {
return false;
}
return true;
}
```
在这个示例中,我们假设可编辑的单元格都有一个 `editable` 类。如果单元格被点击并且包含 `editable` 类,则返回 false 阻止跳转行为,否则返回 true 允许跳转。
jqgrid设置单元格回车后不换行
您可以使用以下代码来设置单元格回车后不换行:
```
{
name: 'cell_name', //单元格名称
index: 'cell_index', //单元格索引
editable: true, //可编辑
edittype: 'textarea', //编辑类型为文本域
editoptions: {
rows: '2', //文本域行数
cols: '20', //文本域列数
wrap: 'off' //不自动换行
}
}
```
其中,关键是在 `editoptions` 中添加 `wrap: 'off'`,表示不自动换行。这样,当用户在文本域中按下回车键时,文本不会自动换行,而是继续在同一行输入。
阅读全文
相关推荐
















