jqgrid设置单元格回车后不换行
时间: 2024-03-08 11:50:35 浏览: 165
您可以使用以下代码来设置单元格回车后不换行:
```
{
name: 'cell_name', //单元格名称
index: 'cell_index', //单元格索引
editable: true, //可编辑
edittype: 'textarea', //编辑类型为文本域
editoptions: {
rows: '2', //文本域行数
cols: '20', //文本域列数
wrap: 'off' //不自动换行
}
}
```
其中,关键是在 `editoptions` 中添加 `wrap: 'off'`,表示不自动换行。这样,当用户在文本域中按下回车键时,文本不会自动换行,而是继续在同一行输入。
相关问题
jqgrid设置单元格回车后不跳转下一个编辑框
您可以通过以下步骤设置 jqGrid 单元格回车后不跳转到下一个编辑框:
1.在 colModel 中设置 editoptions 属性:
```javascript
colModel: [
{
name: 'name',
index: 'name',
editable: true,
editoptions: {
dataInit: function (elem) {
$(elem).on('keydown', function (e) {
if (e.keyCode === 13) {
e.stopPropagation();
}
});
}
}
}
]
```
2.通过 dataInit 属性在单元格编辑器中绑定 keydown 事件,并在事件中阻止默认行为(跳转到下一个编辑框):
```javascript
dataInit: function (elem) {
$(elem).on('keydown', function (e) {
if (e.keyCode === 13) {
e.stopPropagation();
}
});
}
```
这样就可以实现单元格回车后不跳转到下一个编辑框了。
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 允许跳转。
阅读全文