如何解决我看不到添加使用JQGrid编辑,删除和查看
|| 我有 jQuery(document).ready(function () {
jQuery(\"#list\").jqgrid({
url: \'/TabMaster/GetGridData\',datatype: \'json\',mtype: \'GET\',colNames: [\'col ID\',\'First Name\',\'Last Name\',\'\',\'\'],colModel: [
{ name: \'colID\',index: \'colID\',width: 100,align: \'left\' },{ name: \'FirstName\',index: \'FirstName\',width: 150,{ name: \'LastName\',index: \'LastName\',width: 300,{ name: \'add\',width: 18,sortable: false,search: false,formatter: function () {
return \"<span class=\'ui-icon ui-icon-plus\'></span>\"
}
},{ name: \'edit\',formatter: function () {
return \"<span class=\'ui-icon ui-icon-pencil\'></span>\"
}
},{ name: \'del\',formatter: function () {
return \"<span class=\'ui-icon ui-icon-trash\'></span>\"
}
},{ name: \'details\',formatter: function () {
return \"<span class=\'ui-icon ui-icon-document\'></span>\"
}
}
],onSelectRow: function (rowJsonId)
{ handleSelectedRow(rowJsonId); },pager: jQuery(\'#pager\'),rowNum: 4,rowList: [1,2,4,5,10],sortname: \'colID\',sortorder: \"asc\",viewrecords: true,gridview: true,rownumbers: true,multiselect: true,imgpath: \'/scripts/themes/steel/images\',caption: \'Tab Master information\'
}).navGrid(pager,{ edit: true,add: true,del: true,refresh: true,search: true });
});
function handleSelectedRow(thing) {
}
但我看不到“添加”,“编辑”,“删除”和“查看”按钮,我只能看到Jqgrid中的空列。
供你参考
请提供您的宝贵意见。
解决方法
在我看来,您尝试从答案中使用我的演示:
ui-icon-plus
,ui-icon-trash
等的所有类均来自jQuery UI CSS。您只需要验证您是否正确包含了jQuery UI以及images
子目录。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。