1

我有一个 jqxgrid,其列具有 columntype:'checkbox'。我想让复选框的大小更大。我尝试使用类似的javascript

$(".jqx-checkbox-default").children().css("width","19px");

但它不像我应该的那样工作,因为当我选中一个框时,网格中的所有复选框再次变小。我也尝试过使用 cellrenderer:

<div style="position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -10px; cursor: auto;" id="jqxWidget3d79f0d1" tabindex="0" class="jqx-widget jqx-checkbox">
    <div class="jqx-checkbox-default jqx-fill-state-normal jqx-rc-all">
        <div style="width: 19px; height: 19px;">
            <span style="width: 19px; height: 19px;"></span>
        </div>
    </div>
    <div style="clear: both;">
    </div>
</div>

但有了这个我无法检查(小部件ID也有问题)。有没有更“正常”的解决方案?

谢谢,亚历克斯

4

2 回答 2

1

您可以覆盖网格使用的样式

.jqx-checkbox-default > div, .jqx-checkbox-default > div > span {
    width: 19px !important;
    height: 19px !important;
}

.jqx-checkbox-check-checked {
    background-size: 19px 19px;
}

第一个块是调整复选框容器的大小,第二个块是调整用于检查状态的图像的大小。

我在网格复选框选择演示 ( http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/checkboxselection.htm?arctic )上对此进行了测试,并将这些样式注入 Chrome 使用的页面样式中。

于 2014-08-18T19:43:12.787 回答
0

在列下的 Grid 声明中,您可以指定每列的宽度。我有这样的我,它也适用于每种列类型。

{文本:“活动”,数据字段:“pActive”,宽度:45,列类型:“复选框”,过滤类型:“布尔”},

于 2014-09-08T15:29:35.043 回答