jqgrid 设置文本输入框只能输入正整数 并限制最大值
时间: 2023-06-08 21:06:50 浏览: 80
可以通过设置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 设置文本输入框只能输入正整数
您可以使用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 4.6.0 动态设置下拉框筛选值
在 jqGrid 4.6.0 版本中,可以通过以下步骤动态设置下拉框筛选值:
1. 获取要设置的列的搜索选项对象,例如:
```
var colModel = $("#grid").jqGrid('getGridParam', 'colModel');
var searchOptions = colModel[0].searchoptions;
```
2. 设置 selectOptions 属性,例如:
```
searchOptions.selectOptions = { "value1": "text1", "value2": "text2", "value3": "text3" };
```
其中,value1、value2、value3 分别是下拉框中的选项值,text1、text2、text3 分别是选项的显示文本。
3. 最后需要重新加载 jqGrid,例如:
```
$("#grid").trigger("reloadGrid");
```
这样就可以动态设置 jqGrid 中的下拉框筛选值了。需要注意的是,在 jqGrid 4.6.0 版本中,下拉框筛选值的设置是通过 selectOptions 属性实现的。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)