Автоматический пейджинг на основе области содержимого / разрешения - Telerik Grid - PullRequest
Новая
       13

Автоматический пейджинг на основе области содержимого / разрешения - Telerik Grid

2 голосов
/ 25 марта 2011

Я пытаюсь что-то сделать, и я не уверен, возможно ли это полностью.

У меня есть Telerik MVC Grid с использованием ASP.NET MVC.

Размер подкачки по умолчанию для сетки равен 10, однако я хочу иметь возможность регулировать размер страницы (количествострок) в зависимости от размера разрешения пользователя.Возможно ли это?

Спасибо,

Пол

1 Ответ

1 голос
/ 25 марта 2011

Это определенно возможно.

Я создал решение, которое выполняет то же самое - однако вам придется возиться с ним, чтобы самостоятельно получить нужную высоту вашей сетки ( исключая любые меню / верхние / нижние колонтитулы и т. Д. )

Эти шаги должны вас привести:

Во-первых, вам нужно будет добавить событие "onLoad"в вашу таблицу MVC: 

    .ClientEvents(events =>events.OnLoad("onLoad"))

Далее - Создайте событие Javascript для обработки «onLoad» в вашем $ (document) .ready (): 

    function onLoad(e)
    {
        //Bread and Butter will go here.
    }

Наконец - последний шаг будет состоять в том, чтобы вычислить пространство, которое не занято сеткой (Firebug может быть полезен) и возиться с ним, пока ваша «формула» не сработает в большинстве браузеров: 

   function onLoad(e)
    {
       //Gets the height of the Window. ($(window).height())
       //Subracts the height of any menus/headers/footers (in this case 275)
       //Then divide by our "magic number" which you will need to tinker with
       //to determine how the grid looks in different browsers. (in this case 28)

       var height = Math.floor(($(window).height()-275)/28);
       var grid = $("#YourGrid").data("tGrid");
       grid.pageSize = height;
    }

Формула: 

$(window).height() - [Occupied Space] / [Magic Number]

[Occupied Space] - Total CSS Height of all objects above the Grid.

[Magic Number]   - You will have to play with this one and try it out on 
                   different browsers until you get the expected results.

Это должно автоматически настроить количество строк в зависимости от высоты вашего окна. Единственная сложная задача - вычислить вашсобственную "формулу", используя количество занятого пространства, а затем выбирая магическое число для деленияя хочу.

Надеюсь, это поможет!

...