jquery - jqGrid寻呼机中的双行按钮

Question

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

我正在寻找这样的东西：

寻呼机（导航栏）

按钮 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"
});

Answer 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>

希望有帮助！