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 分間 Google で運がなかったにもかかわらず、マーフィーの法則は、私がその後すぐに別のクイック検索を試みて答えを見つけたことを意味しました。

「幅」を「自動」に設定する必要があることがわかりました（引用符が重要であることに注意してください）。

$("#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 に答える