FlexiGrid - установить ширину сетки в коде - PullRequest
Новая
       22

FlexiGrid - установить ширину сетки в коде

2 голосов
/ 26 марта 2009

Я пробую Flexigrid для нового приложения - я действительно впечатлен этим, но не могу найти способ установить ширину в коде.

Основная причина этого состоит в том, чтобы ГРИД (а не столбцы внутри сетки) полностью соответствовал размеру окна. Я знаю, это издевательство над горизонтальным изменяющим размер, но это то, что я должен сделать!

К вашему сведению, мои настройки следующие: 

$(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();
}

Это вызывает обновление сетки, но не более того.

1 Ответ

8 голосов
/ 26 марта 2009

Несмотря на то, что в течение примерно 20 минут перед публикацией этого сообщения в Google не было УДАЧИ, закон Мерфи означал, что я после этого попытался выполнить другой быстрый поиск и нашел ответ.

Оказывается, что для "width" должно быть установлено значение "auto" (обратите внимание, что кавычки очень важны). 

$("#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
}
);

Я оставлю этот пост для всех, у кого есть эта проблема.

...