Jquery 免费jqgrid工具栏按钮包装在第二行中

Jquery 免费jqgrid工具栏按钮包装在第二行中,jquery,jqgrid,free-jqgrid,Jquery,Jqgrid,Free Jqgrid,当使用寻呼机将添加、编辑、删除和其他按钮添加到免费的jgGrid工具栏时,它们会以网格宽度的近50%换行 我没有使用分页,但我使用记录计数(网格属性滚动:1,viewrecords:true) 在我在jsFiddle上设置的示例中,您可以看到Delete和Refresh按钮位于第二行,尽管在第一行中有足够的空间来设置它们 在jgGrid中未观察到此行为 我想知道如果网格宽度足够大,是否可以将所有按钮都放在一行中 JSFIDLE代码段(从中派生): $(函数(){ “严格使用”; $(“#网格”

当使用寻呼机将添加、编辑、删除和其他按钮添加到免费的jgGrid工具栏时,它们会以网格宽度的近50%换行

我没有使用分页,但我使用记录计数(网格属性滚动:1,viewrecords:true)

在我在jsFiddle上设置的示例中,您可以看到Delete和Refresh按钮位于第二行,尽管在第一行中有足够的空间来设置它们

在jgGrid中未观察到此行为

我想知道如果网格宽度足够大,是否可以将所有按钮都放在一行中

JSFIDLE代码段(从中派生):

$(函数(){
“严格使用”;
$(“#网格”).jqGrid({
colModel:[
{name:“firstName”,宽度:200},
{name:“lastName”,宽度:200}
],
数据:[
{id:10,姓:“安吉拉”,姓:“默克尔”},
{id:20,姓:“弗拉基米尔”,姓:“普京”},
{id:30,姓:“大卫”,姓:“卡梅隆”},
{id:40,姓:“巴拉克”,姓:“奥巴马”},
{id:50,姓:“弗朗索瓦”,姓:“奥朗德”}
],
寻呼机:“#寻呼机”,
viewrecords:是的,
gridview:没错,
卷轴:1,
})
.jqGrid('navGrid',
“寻呼机”,
{edit:true,edittext:'edit',
add:true,addtext:'add',
del:true,deltext:'del',
搜索:假,
视图:true,viewtext:“视图”,
refresh:true,refreshtext:'refresh'}
);
});

如果我正确理解了您需要的内容,那么值足够小的选项
pagerRightWidth
将是您需要的

此外,不建议使用
scroll:1
。默认情况下,免费jqGrid中的选项
gridview:true
处于启用状态,可以将其删除。在您的情况下,您可以使用
pgbuttons:false,pginput:false
选项删除分页按钮。请参见,其中使用了以下选项

。。。
寻呼机:是的,
PG按钮:错误,
pginput:false,
viewrecords:是的,
页面宽度:90
}

非常感谢您的帮助。它工作得很好。我有以下问题:您的链接指向代码中定义pagerRightWidth的点。记录在哪里?另一个问题是为什么不建议使用scroll:1?@RomualdoCaruso:仅定义当前实现的接口、属性、回调函数和事件。它是在TypeScript中定义的,但不是真正的代码。无论如何,它描述了选项的包含类型和可能的选项值。关于“为什么”这个问题的答案可能很长,因为有很多细节。简而言之,“scroll:1”的实现很糟糕。我不会从代码中删除该功能,但我不建议您使用它。改用本地分页。@RomualdoCaruso:顺便说一句,如果你的主要问题解决了(通过使用
pagerRightWidth
选项),那么你应该回答并自动获得你的第一个声誉分数。我接受了答案(点击向上箭头:这个答案很有用),但因为我的分数不到15分,它说公众答案分数不显示。或者有没有其他方法来接受答案(我对Stackoverflow不是很熟悉,excluseme除外)。再次感谢。@RomualdoCaruso:“向上箭头”是投票,这对帮助他人找到答案也很重要,但你会在获得15分后得到正确的结果。向下箭头下方将显示另一个图标,需要单击该图标以接受答案。请看答案上的图片,我在之前的评论中向您发布了答案。