navGrid不能与JQGrid一起工作
问题描述:
我有一个asp.net MVC应用程序,我试图让jqgrid 3.5在其中工作。我的网格不使用分页功能,但我想使用页面导航栏来编辑按钮。我的网格在内容页面上的jquery选项卡控件中。显示我的数据在网格中工作正常,但是当我添加.navGrid()扩展名和选项时,它会中断网格的显示(标签消失),并且不显示任何按钮。这是我的网格声明 - 任何人都可以看到我错过了什么。或者有什么方法可以确定是什么导致了这种破坏。我非常沮丧地得到这个工作 - 在此先感谢。navGrid不能与JQGrid一起工作
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#sandgrid").jqGrid({
url: '/EquipTrack/GridData/',
editurl: '/EquipTrack/Edit/',
datatype: 'json',
mtype: 'GET',
height: 255,
width: 755,
rowNum: 5000,
colNames: ['ID', 'Type', 'Make', 'Model', 'Year', 'Location', 'Insp Due', 'Serv Due', 'Miles/Hrs', 'Milage Dt', 'Reg By', 'Mngd By', 'Tag Exp',''],
colModel: [
{ name: 'equip_id', index: 'equip_id', width: 65, editable: true },
{ name: 'type_desc', index: 'type_desc', width: 130, editable: true },
{ name: 'make_descr', index: 'make_descr', width: 80, editable: true },
{ name: 'model_descr', index: 'model_descr', width: 80, editable: true },
{ name: 'equip_year', index: 'equip_year', width: 60, editable: true },
{ name: 'work_loc', index: 'work_loc', width: 130, editable: true },
{ name: 'insp_due_dt', index: 'insp_due_dt', width: 100, editable: true },
{ name: 'service_due_num', index: 'service_due_num', width: 80, editable: true },
{ name: 'miles_hours', index: 'miles_hours', width: 80, editable: true },
{ name: 'miles_dt', index: 'miles_dt', width: 100, editable: true },
{ name: 'registered_by', index: 'registered_by', width: 80, editable: true },
{ name: 'managed_by', index: 'managed_by', width: 80, editable: true },
{ name: 'tag_expire_dt', index: 'tag_expire_dt', width: 100, editable: true },
{ name: 'inspection_warn', index: 'tag_expire_dt', width: 0, hidden:true}],
sortname: 'equip_id',
sortorder: "asc",
afterInsertRow: function(rowid, rowdata, rowelem) {
if (rowelem[13] == 'SET_RED') {
jQuery("#sandgrid").setCell(rowid, 'insp_due_dt', '', { color: 'red' })
}
},
viewrecords: true,
pager: jQuery('#sandgridp'),
caption: 'Inventory'
}).navGrid('#sandgridp',
{view:true}, //options
{height:290,reloadAfterSubmit:false, jqModal:false, closeOnEscape:true, bottominfo:"Fields marked with (*) are required"}, // edit options
{height:290,reloadAfterSubmit:false,jqModal:false, closeOnEscape:true,bottominfo:"Fields marked with (*) are required"}, // add options
{reloadAfterSubmit:false,jqModal:false, closeOnEscape:true}, // del options
{closeOnEscape:true}, // search options
{height: 250, jqModal: false, closeOnEscape: true} // view options
);
$('#sandgridp_center').remove();
$('#sandgridp_right').remove();
});
答
OK - 试着用其他的语法玩贴例子,得到它的工作 - 发现没有视图选项。
}).navGrid('#sandgridp',
{}, //options
{reloadAfterSubmit:false}, // edit options
{reloadAfterSubmit:false}, // add options
{reloadAfterSubmit:false}, // del options
{} // search options
);
答
确保您在下载中包含表单编辑搜索功能;否则,navGrid
函数将不会被定义。
+1非常好的一点:) – Jimbo 2010-10-27 09:50:59