jqgrid - jqgrid 在编辑或添加表单时未显示任何字段
问题描述
我建立了一个非常基本的 jqgrid 表。它显示我提供的 url 的结果,没有问题。如果我单击添加行或编辑行图标,则会出现一个空窗口,没有任何要填写的字段。
这是我的代码:
$('#mygrid').jqGrid({
colMenu: true,
url: 'someurl.php',
datatype:'json',
colNames:['NUMB','ACCNAME','MEMO','TOTAL','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC','JAN','FEB','MAR'],
colModel: [
{ name: "ACCOUNT_NUMBER", width:60},
{ name: "ACCNAME", editable: "true"},
{ name: "DETAIL", editable: "true", edittype:"textarea", editoptions:{size:10} },
{ name: "TOTAL", width:75, classes:'text-primary', editable: "true",editoptions:{size:10} },
{ name: "APR", index: "APR", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "MAY", index: "MAY", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "JUN", index: "JUN", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "JUL", index: "JUL", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "AUG", index: "AUG", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "SEP", index: "SEP", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "OCT", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "NOV", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "DEC", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "JAN", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "FEB", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} },
{ name: "MAR", width:75, editable: "true",edittype:"textarea",editoptions:{size:10} }
],
viewrecords: true,
emptyrecords: "Nothing to display",
rowNum: 15,
styleUI : 'Bootstrap4',
iconSet : 'Octicons',
pager : '#gridpager',
autowidth : true,
shrinkToFit : false,
height : '75%',
rowList : [10, 20, 30],
altRows : true,
toppager : true,
caption: "something",
editurl : 'anotherurl.php'
});
$("#mygrid").jqGrid('navGrid','#gridpager',{add:true,edit:true,del:true,search:true,refresh:true});
这里弹出的空窗口:
解决方案
您遇到的问题是设置可编辑属性。您将其设置为字符串,但它应该是一个布尔值。在 colModel 项目替换
editable : "true"
和
editable : true
这是 Javascript 的一个很大的不同
推荐阅读
- javascript - 如何将按钮和输入元素添加到下拉列表中
- javascript - 怎样才能让用户做一次QUIZZ?
- android - 使用毕加索将base64字符串加载到imageview中
- ruby - 如何使用.include?捕获导致相同操作的多个选项
- php - 如何对“私有”构造函数进行例外处理?
- java - 如何在 Java 8 的范围内生成具有指定大小的随机整数的列表?
- c# - Unity3D 引擎类中不应该出现一致的“CS0201”错误
- regex - 如何计算最后出现在单元格中的Google表格单元格中特定字符的出现次数作为标准?
- java - 不兼容的类型。必需:T,找到 T。为什么?
- excel - 如何让 Excel 用户表单验证然后编辑用户表单