根据jqGrid文档,我应该能够通过移动寻呼机div将寻呼机放在jqGrid的上方或下方.不幸的是,寻呼机始终呈现在网格下方.
<div id="pager"></div>
<table id="list">
<tr>
<td />
</tr>
</table>
jqGrid配置(与寻呼机相关)如下所示:
pager: '#pager',
pginput: false,
pgbuttons: false,
有什么建议？
这是我的代码
$(document).ready(function () {
$('#jqgProducts').jqGrid({
url: '/Home/GridSampleData/', // url from wich data should be requested
datatype: 'json', // type of data
mtype: 'GET', // url access method type
colNames: ['userid', 'username', 'email', 'contact', 'password'],
colModel: [ // columns model
{ name: 'userId', index: 'userId', align: 'left',
editable: false },
{ name: 'username', index: 'username', align: 'left',
editable: true, edittype: 'text',
editoptions: { maxlength: 20 },
editrules: { required: true} },
{ name: 'email', index: 'email', align: 'left', editable: true,
edittype: …是否可以将导航项添加到jqGrid中的"顶部寻呼机"？如果是这样,这样做的语法是什么？
我的页面上有一个HTML代码段,如下所示
<table id="mygrid">
</table>
<div id="mygrid_pager"></div>
然后是一个看起来像这样的jqGrid初始化
$('#mygrid').jqGrid({
..., //full config string removed for brevity,
pager:jQuery('#mygrid'),
toppager:true
});
$('#mygrid').jqGrid('navGrid', '#mygrid_pager'),{
'add':false,
'del':false,
'edit':false,
'search':false,
'refresh':false,
'cloneToTop':true,
}).navButtonAdd('',{...}); //config navbutton string for button removed for brevity
ID为#mygrid_toppager的"顶部寻呼机"会自动插入到页面中,但其自定义按钮(显示在底部寻呼机上)不会出现.
我看到navGrid包含了一个"cloneToTop"选项,但它的描述看起来很混乱,我只能假设我使用它错了.
如果已定义,则克隆从底部寻呼机到顶部寻呼机的所有操作.请注意,navGrid只能应用于顶部寻呼机.顶部寻呼机的ID是网格ID和"_toppager"的组合
我对该选项的理解是将按钮添加到底部寻呼机,并将它们克隆到顶部.然而,接下来的描述继续说"navGrid只能应用于顶级寻呼机,这是没有任何意义的,因为你正在克隆它.真的,我显然对API如何是一个深刻的误解应该被使用.
如果有人能指出我正确的方向(即使只是一个工作的例子),我会很感激.我更喜欢通过官方API来实现这一点,而不是像StackOverflow上其他地方看到的那样聪明的DOM操作.
我使用showlink formatter将列作为链接.有什么方法可以在我点击它时调用javascript函数.
现在这是我的代码
$("#list").jqGrid(
{
url: '..',
datatype: 'json', //We specify that the datatype we will be using will be JSON
colNames:['ID', 'User Name'],
colModel :[
{name:'id',index:'id', width:110, sorttype:"string", formatter: 'showlink', formatoptions:{baseLinkUrl:'index.cfm'}},
...
我不想使用baselinkUrl.相反,我可以在点击URL时调用Javascript函数吗？当我使用'showlink'格式化程序时,我的表单数据似乎也没有发布到下一个屏幕.
我正在尝试将按钮添加到新的顶部工具栏.我已经在顶部有一个用于搜索过滤的工具栏,但我想在其上方放置一个新工具栏来添加菜单按钮.
菜单与网格左下角的菜单相同.如果用户将行列表设置为高,则Juse使用户更容易,因此他们不必向下滚动到底部.
最好的方法是什么？欢迎这个例子,我很骄傲.
这是我创建工具栏和按钮的代码.
JS
// Toolbar
$("#customer_grid").jqGrid('filterToolbar', {searchOnEnter: false});
// Bottom left buttons
$("#customer_grid").jqGrid('navButtonAdd',"#customer_grid_pager",{caption:"Add Customer",title:"Add Customer",buttonicon :'ui-icon-plus',
onClickButton:function(){
}
});
$("#customer_grid").jqGrid('navButtonAdd',"#customer_grid_pager",{caption:"Clear",title:"Clear Search",buttonicon :'ui-icon-refresh',
onClickButton:function(){
$("#customer_grid")[0].clearToolbar()
}
});
$("#customer_grid").jqGrid('navButtonAdd',"#customer_grid_pager",{caption:"Close",title:"Close Search",buttonicon :'ui-icon-close',
onClickButton:function(){
}
});
非常感谢
我想在网格顶部添加三个按钮,用于添加,编辑,删除.并希望为每个操作调用单独的URL.我想为此使用表单编辑.任何人都可以建议我这样的示例代码.
在此先感谢Abhishek