AutoFill Pagesize dropdown in Grid

385

Paruchuri Nagaraju posted over 12 years ago

How to autofill page size dropdown in igGrid?

Parents

23953

Offline Martin Pavlov posted over 12 years ago

Hi,
If you want to define custom page sizes then you should use igGridPaging.pageSizeList property like this:
//Initialize
$(".selector").igGrid({
features : [
{
name : "Paging",
pageSizeList : [10, 20, 30]
}
]
});

Note: I'm not sure I understood your question correctly, so my answer may be wrong. Please clarify if this is not what you're looking for.

Hope this helps,
Martin Pavlov
Infragistics, Inc
Cancel
Reply

Cancel

Reply

385

Offline Paruchuri Nagaraju posted over 12 years ago in reply to Martin Pavlov

hi

Thanks for ur help. I want my page size dropdown should allow me to specify the page size by typing.

How am I suppose to configure that?
Cancel
Reply

Cancel

Children

6279

[Infragistics] Borislav Traykov posted over 12 years ago in reply to Paruchuri Nagaraju

Here are the answers to your questions as follows:
Paruchuri Nagaraju said:
1> What kind of events are available in the igGrid?
You can find them in the official igGrid event API reference.
Paruchuri Nagaraju said:
2> I have a typical requirement some thing like ,having the Grid which containes all the dropdowns in one of the column and when I place curser on cell it should enable the dropdown and allow us to choose the items from the dropdown.
Take a look at the igCombo's "Grid Editor" sample - I believe that this is exactly what you're looking for.
Paruchuri Nagaraju said:
3>How am I suppose to place the control inside another control?
Depends on the control being placed and the control that will hold the first one. Generally there are options that help you with the integration between the controls. For example the editorOptions option of the columnSettings of the igGridUpdating feature.
Paruchuri Nagaraju said:
4>In multicolumn dropdown data from the second column is not binding,when I used the item template. Do I need to configure any thing for that?
I'm afraid that the when you use templating in the context of the igGrid, you can only template the current cell value in each column.
Thus, in order to achieve the effect you're looking for, I suggest you generate the HTML of the cell yourself and place it in the desired column's cells.

If you can provide me with a simple HTML sample demonstrating what you're trying to accomplish, I will be able to provide you with a possible solution.

Cheers,
Borislav
Cancel
Reply

Cancel
385

Offline Paruchuri Nagaraju posted over 12 years ago in reply to Martin Pavlov

hi martin,

I have some questions which I am unable to get through.

1> What kind of events are available in the igGrid?

2> I have a typical requirement some thing like ,having the Grid which containes all the dropdowns in one of the column and when I place curser on cell it should enable the dropdown and allow us to choose the items from the dropdown.

3>How am I suppose to place the control inside another control?

4>In multicolumn dropdown data from the second column is not binding,when I used the item template. Do I need to configure any thing for that?

"<div><span class='cell first'>${Shipment_Id}</span><span class='cell middle'>(${Carrier})</span><span class='cell last'>(${Leading_Status})</span></div>"

Thanks
Cancel
Reply

Cancel
23953

Offline Martin Pavlov posted over 12 years ago in reply to Paruchuri Nagaraju

Hi Paruchuri Nagaraju,

Column reordering will be available from 12.2 volume release. 12.2 will be shipped some time this autumn.

Best regards,

Martin Pavlov

Infragistics, Inc.
Cancel
Reply

Cancel
385

Offline Paruchuri Nagaraju posted over 12 years ago in reply to Martin Pavlov

Thanks for the help. I am able to do it now. I have one more question

Do igGrid supports column reordering or not? Is there any work around for that?
Cancel
Reply

Cancel
23953

Suggested Answer
Offline Martin Pavlov posted over 12 years ago in reply to Paruchuri Nagaraju
Hi Paruchuri Nagaraju,

There is no option for that, but you can implement a workaround.

Page size drop down is actually igEditor control which by default is read only. If you get the igEditor instance you can set its option readOnly to false.

(igEditor ID is constucted by appending "_editor" to the ID of igGrid.)

Here is how to do that:

Code Snippet

$.ig.loader(function () {

    var grid = $("#grid1").igGrid({/*PUT YOUR GRID OPTIONS HERE*/});

    var pageSizeEditorId = "#" + grid.data("igGrid").id() + "_editor";

    $(pageSizeEditorId).igEditor("option", "readOnly", false);

});

Hope this helps,

Martin Pavlov

Infragistics, Inc.
Cancel
Reply

Reject Answer

Cancel