Changing page size options when having Position="TopAndBottom"

[Sophie]

Hi,

I have a RadGrid with PagerStyle Position="TopAndBottom". I need to change the page size options displayed in the rendered drop down lists, but I am unable to change the options in the seconds (Bottom) drop down list.

Here's my code (but it only affects the first drop down list):

function setUpPager(radGrid) {
    var comboBox = $telerik.findControl(radGrid.get_element(), "PageSizeComboBox");

    var comboItem100 = new Telerik.Web.UI.RadComboBoxItem();
    comboItem100.set_text("10000");
    comboItem100.set_value(100);
    comboItem100.get_attributes().setAttribute("ownerTableViewId", radGrid.get_masterTableView().get_id());

    comboBox.trackChanges();
    comboBox.get_items().add(comboItem100);
    comboBox.commitChanges();
}

Anyone knows how to make the code affect also the second drop down? I am using version 2011.2.

[Antonio Stoilkov]

Hi Sophie,

In order to achieve your scenario you could loop through both rgPager elements and execute the setUpPager function as shown in the example below.

function setUpPagers(radGrid)
{
    var pagers = $telerik.getElementsByClassName(radGrid.get_element(), "rgPager", "tr");
    for (var i = 0; i < pagers.length; i++)
    {
        setUpPager(pagers[i]);
    }
}

function setUpPager(pagerElement)
{
    var comboBox = $telerik.findControl(pagerElement, "PageSizeComboBox");

    var comboItem100 = new Telerik.Web.UI.RadComboBoxItem();
    comboItem100.set_text("10000");
    comboItem100.set_value(100);
    comboItem100.get_attributes().setAttribute("ownerTableViewId", radGrid.get_masterTableView().get_id());

    comboBox.trackChanges();
    comboBox.get_items().add(comboItem100);
    comboBox.commitChanges();
}

Kind regards,
Antonio Stoilkov
the Telerik team