jqGrid寻呼机中的双行按钮

Posted 2023-02-26

【中文标题】jqGrid寻呼机中的双行按钮

【英文标题】：Double line of buttons in jqGrid pager

【发布时间】：2013-04-17 15:30:39

【问题描述】：

我的页面布局有问题。我已经填写了页面上的所有可用空间，并且按钮与导航栏合并。我需要至少有两行才能添加更多按钮。

我正在寻找这样的东西：

寻呼机（导航栏）

按钮 1 按钮 2 按钮 3 .... 第 1 至 4 页 .... 第 10 条记录，共 35 条 按钮 4 按钮 5 按钮 6

这是我添加按钮的代码：

.navGrid('#pager_list') ..
.navButtonAdd('#pager_list', 
    id:"btnResumen",
    caption:"Resumen",
    title: "Resumen de errores",
    buttonicon:"ui-icon-mail-closed",
    onClickButton: function(e) 
        bajarResumen();
    ,
    position:"last"
)
.navButtonAdd('#pager_list', 
    caption:"A texto",
    title: "Bajar y enviar x mail",
    buttonicon:"ui-icon-mail-closed",
    onClickButton: function(e) 
        bajarATexto("Enviando...");
    ,
    position:"last"
);

【问题讨论】：

您可以包含图像的 URL，其他可以包含它。你可以包含 javascript 代码来显示你所做的事情。

我可以在哪里分享图片？

对不起，我不明白你的意思。如果我在 Google 中输入“分享图片”字样，我会看到“在线分享图片”的建议。如果我选择建议，我会得到tinypic.com 是第一个的 URL 列表。您可以选择地点或在 Google 中搜索您的问题。

是的，谢谢，我认为是“上传图片”，我的英语不太好！！ jejej 这里是链接fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-prn1/…

【参考方案1】：

我可以使用 css 来做到这一点：

<style type="text/css">
     .ui-jqgrid .ui-jqgrid-pager .ui-pg-button
        display: inline;
        float:left;
    
    .ui-jqgrid .ui-jqgrid-pager
        height: auto;
    
</style>

或者，如果你想在特定的 grig 中这样做，你可以这样做：

 <style type="text/css">
     .ui-jqgrid #yourGridID.ui-jqgrid-pager .ui-pg-button
        display: inline;
        float:left;
    
    .ui-jqgrid #yourGridID.ui-jqgrid-pager
        height: auto;
    
</style>

希望有帮助！