jqgrid 设置文本输入框只能输入正整数
时间: 2023-06-08 15:06:51 浏览: 176
您可以使用jQuery的正则表达式来限制文本框只能输入正整数,可以使用以下代码:
```
$("#your-input").keypress(function(event) {
var inputValue = event.which;
// 允许0-9和退格键
if(!(event.shiftKey == false && (inputValue >= 48 && inputValue <= 57) || inputValue == 8)) {
event.preventDefault();
}
});
```
这个代码片段使用了jQuery的keypress事件,并利用event.which来检查按键的Unicode值。如果输入的不是0-9之间的数字或退格键,则防止默认行为,从而限制文本框只能输入正整数。请记得将"#your-input"替换为您的文本框的ID。
相关问题
jqgrid 设置文本输入框只能输入正整数 并限制最大值
可以通过设置colModel中的editrules属性来实现该需求,具体方法如下:
```
colModel: [
...
{
name: 'num',
index: 'num',
width: 100,
editable: true,
editrules: {
integer: true, // 只能输入整数
minValue: 1, // 最小值为1
maxValue: 100 // 最大值为100
}
},
...
]
```
以上代码中,editrules中的integer属性限制了输入为整数,minValue和maxValue属性分别限制了最小值和最大值。
设置 jqgrid 设置行号
可以通过以下方式设置 jqGrid 行号:
1. 在 colModel 中添加一列用于显示行号。
```
colModel: [
{ name: "id", label: "ID", width: 50 },
{ name: "name", label: "Name", width: 150 },
{ name: "age", label: "Age", width: 50 },
{ name: "address", label: "Address", width: 200 },
{ name: "rn", label: "No.", width: 50, sortable: false, formatter: "rownum" }
],
```
2. 在 loadComplete 事件中重新设置行号。
```
loadComplete: function() {
var table = this;
setTimeout(function() {
updatePagerIcons(table);
setGridHeight();
table.trigger("reloadGrid");
}, 0);
}
```
3. 在 CSS 文件中添加样式。
```
.ui-jqgrid tr.jqgrow td[aria-describedby='grid_rn'] {
text-align: center;
}
```
注意:以上代码中的 grid 是表格的 ID,可以根据实际情况进行修改。
阅读全文