2

我正在为一个新应用程序尝试Flexigrid - 我对它印象深刻，但我找不到在代码中设置宽度的方法。

这样做的主要原因是让 GRID（而不是网格内的列）与窗口大小完全对齐。我知道，这对水平调整大小是一种嘲弄，但这就是我必须做的！

仅供参考，我的设置如下：

$(document).ready(function() {
    $("#flex1").flexigrid
    (
    {
        url: '<%= ResolveUrl("~/Data.ashx") %>?filter=none',
        dataType: 'json',
        colModel: [
        { display: '', name: 'view', width: 20, sortable: true, align: 'center' },
        { display: 'Street', name: 'Street', width: 260, sortable: true, align: 'left' },
        { display: 'Town', name: 'Town', width: 200, sortable: true, align: 'left' },
        { display: '', name:'Actions', width:30, sortable: false, align: 'center' }
        ],
        sortname: "Street",
        sortorder: "asc",
        usepager: true,
        title: 'Streets',
        useRp: true,
        rp: 15,
        showTableToggleBtn: false,
        width: 800,
        height: 200
    }
    );
});

但以下功能不起作用：

function ResizeGrid() {
    $('#flex1').flexOptions({ width:1000 }).flexReload();
}

它会导致网格刷新，但仅此而已。

4

1 回答 1

8

尽管在发布此之前大约 20 分钟在谷歌上没有运气，墨菲定律意味着我在之后尝试了另一个快速搜索并找到了答案。

原来“宽度”应该设置为“自动”（注意引号很重要）。

$("#flex1").flexigrid
(
{
    url: '<%= ResolveUrl("~/Data.ashx") %>?filter=none',
    dataType: 'json',
    colModel: [
    { display: '', name: 'view', width: 20, sortable: true, align: 'center' },
    { display: 'Street', name: 'Street', width: 260, sortable: true, align: 'left' },
    { display: 'Town', name: 'Town', width: 200, sortable: true, align: 'left' },
    { display: '', name:'Actions', width:30, sortable: false, align: 'center' }
    ],
    sortname: "Street",
    sortorder: "asc",
    usepager: true,
    title: 'Streets',
    useRp: true,
    rp: 15,
    showTableToggleBtn: false,
    width: 'auto',
    height: 200
}
);

我会把这篇文章留给其他有这个问题的人。

于 2009-03-26T14:06:23.340 回答