Php 如何在JQGridview中添加函数
你好,我在Concrete5CMS工作,它基于zend的CMS框架和mvc模式 我试图将数据操作到jqgridview中,它在gridview中返回数据,但分页不起作用,我不知道如何在jqgridview中添加编辑、删除和查找函数 而且我在gridview的中心得到了“undefined”错误 脚本:Php 如何在JQGridview中添加函数,php,jquery,gridview,jqgrid,concrete5,Php,Jquery,Gridview,Jqgrid,Concrete5,你好,我在Concrete5CMS工作,它基于zend的CMS框架和mvc模式 我试图将数据操作到jqgridview中,它在gridview中返回数据,但分页不起作用,我不知道如何在jqgridview中添加编辑、删除和查找函数 而且我在gridview的中心得到了“undefined”错误 脚本: $(function() { $("#eList").jqGrid({ datatype: "local", data: <?php echo js
$(function() {
$("#eList").jqGrid({
datatype: "local",
data: <?php echo json_encode($emplist) ?>,
pager: true,
colNames:['Emp ID','Name','Email', 'Role', 'Contact No','Status'],
colModel:[
{name:'emp_id',index:'emp_id', width:55},
{name:'emp_name',index:'emp_name', width:90, editable:true},
{name:'uEMail',index:'uEMail', width:100},
{name:'role_name',index:'role_name', width:80, align:"right"},
{name:'emp_contact_no',index:'emp_contact_no', width:80, align:"right",editable:true},
{name:'status_name',index:'status_name', width:80,align:"right"}
],
rowNum:5,
rowList:[5,10,20],
pager : '#ePage',
sortname: 'emp_name',
viewrecords: true,
sortorder: "desc",
editurl: "local",
caption: "Using navigator"
});
$("#eList").jqGrid('navGrid',selector,options,pEdit,pAdd,pDel,pSearch );
$("#eList").jqGrid('navGrid',"#ePage",{edit:true,add:true,del:true});
$("#eList").jqGrid('inlineNav',"#ePage");
});
$(函数(){
$(“#eList”).jqGrid({
数据类型:“本地”,
数据:,
寻呼机:是的,
colNames:['Emp ID'、'Name'、'Email'、'Role'、'Contact No'、'Status'],
colModel:[
{名称:'emp_id',索引:'emp_id',宽度:55},
{名称:'emp_name',索引:'emp_name',宽度:90,可编辑:true},
{名称:'uEMail',索引:'uEMail',宽度:100},
{名称:'role_name',索引:'role_name',宽度:80,对齐:“right”},
{名称:'emp_contact_no',索引:'emp_contact_no',宽度:80,对齐:“right”,可编辑:true},
{名称:'status_name',索引:'status_name',宽度:80,对齐:“right”}
],
行数:5,
行列表:[5,10,20],
传呼机:“#ePage”,
sortname:“emp_name”,
viewrecords:是的,
巫师:“描述”,
editurl:“本地”,
标题:“使用导航器”
});
$(“#eList”).jqGrid(“导航栅格”、选择器、选项、pEdit、pAdd、pDel、pSearch);
$(“#eList”).jqGrid('navGrid',“#ePage',{edit:true,add:true,del:true});
$(“#eList”).jqGrid('inlineNav',“#ePage”);
});
html
请建议我如何添加功能,或jqgrid的任何良好示例或演示,或与学习jqgrid相关的任何链接,以便能够使用本地数据分页服务器(
)应返回所有数据,并且您应包括选项loadonce:true
。我建议您另外使用选项gridview:true
和autoencode:true
。我建议您从colModel
中删除所有index
属性,并在emp\u id
列的定义中添加key:true
选项,前提是该列的值是唯一的,因此可以用作rowid(
元素的id
属性的值)
您应该删除行
$(“#eList”).jqGrid('navGrid',选择器,选项,pEdit,pAdd,pDel,pSearch)代码>包含未定义的变量。您好,我已经阅读了关于jqgrid的大部分答案和演示页面。在我的代码中,只需在gridview中显示值即可。如果add pager:true,则pager:“#ePage”,这两行。它显示undifinedfirst我想知道要为此添加哪些js和css文件jqgrid@KumarShanmugam:关于CSS和JS文件,请参阅。添加pager:true
是错误的。两次添加两个属性,如pager:true、pager:“#ePage”
也是错误的。我建议您在debugger中打开该页。例如,您可以使用Internet Explorer,按F12启动开发人员工具,转到“脚本”字幕,然后启动“开始调试”按钮。它允许您查看错误未定义的行。TypeError:$.jgrid.formatter是未定义的fmt=$.jgrid.formatter.integer | |{};我在使用寻呼机时遇到了这个错误。@KumarShanmugam:这意味着您忘记在之前包含i18n/grid.locale en.js
(jquery.jqGrid.min.js
或jquery.jqGrid.src.js
)。看见
<table id = "eList" >
</table>
<div id = "ePage" >
</div>