Hello, I have the following problem, I have a datagrid with a dropdown wich is populated by a large number of rows. For these reasons, i want to do some paging on my dropdown. I use the folowiing code :
<ig:WebDataGrid ID="wdgCostCenterList" runat="server" Height="350px" Width="100%"
AutoGenerateColumns="False" DataKeyFields="id" OnRowAdding="wdgCostCenterList_RowAdding"
EnableDataViewState="true">
<Columns>
<ig:BoundDataField DataFieldName="id" Hidden="True" Key="id">
<Header Text="id" />
</ig:BoundDataField>
<ig:BoundDataField DataFieldName="CMDPCostCenter" Key="CMDPCostCenter">
<Header Text="CMDP Cost center" />
<ig:BoundDataField DataFieldName="SCHOOLINGCostCenter" Key="SCHOOLINGCostCenter">
<Header Text="Schooling Cost center" />
<ig:TemplateDataField Key="delete" Width="70px">
<Header Text="Delete" />
<ItemTemplate>
<asp:ImageButton ID="ibtnDeleteRow" runat="server" ImageUrl="~/Images/delete.png"
Height="20" Width="20" OnClick="ibtnDeleteRow_Click" CommandArgument='<%#Eval("id")%>' />
</ItemTemplate>
</ig:TemplateDataField>
</Columns>
<EditorProviders>
<ig:DropDownProvider ID="drpCMDPCostCenter">
<EditorControl ID="cmdpEditor" runat="server" ClientIDMode="Predictable"
EnableDropDownAsChild="False" DropDownContainerMaxHeight="200px"
DataSourceID="dtsCCCmdp" TextField="code" ValueField="id"
DisplayMode="DropDown" EnableAutoFiltering="Off"
PageSize="250" EnablePaging="true" PagerSettings-PagerMode="Numeric"
Width="300px" DropDownContainerHeight="300px" DropDownContainerWidth="400px"
EnablePersistingCustomValues="false">
<HeaderTemplate>
<table style="width: 100%; height: 15px; background-color: Gray; color: White; font-size: 9px;
font-weight: bold;" cellspacing="0">
<tr>
<td style="width: 120px;">
CODE
</td>
<td style="width: 160px;">
NAME
</tr>
</table>
</HeaderTemplate>
<table style="width: 100%" cellspacing="0">
<tr style="border-bottom: solid 1px #ff0000;">
<%# DataBinder.Eval(Container.DataItem, "CODE")%>
<%# DataBinder.Eval(Container.DataItem, "NAME")%>
</EditorControl>
</ig:DropDownProvider>
<ig:DropDownProvider ID="drpSchoolingCostCenter">
<EditorControl runat="server" runat="server" ClientIDMode="Predictable"
DataSourceID="dtsCCSchooling" TextField="code" ValueField="id"
font-weight: bold;" cellspacing="0" cellpadding="4">
<td style="width: 150px;">
<td style="width: 130px;">
<table style="width: 100%" cellspacing="0" cellpadding="4">
<td style="width: 140px; padding-left: 10px;">
</EditorProviders>
<Behaviors>
<ig:EditingCore>
<ig:RowAdding>
<ColumnSettings>
<ig:RowAddingColumnSetting ColumnKey="CMDPCostCenter" EditorID="drpCMDPCostCenter"/>
<ig:RowAddingColumnSetting ColumnKey="SCHOOLINGCostCenter" EditorID="drpSchoolingCostCenter"/>
</ColumnSettings>
</ig:RowAdding>
</Behaviors>
</ig:EditingCore>
<ig:Selection CellClickAction="Row" RowSelectType="Single">
</ig:Selection>
<ig:RowSelectors>
</ig:RowSelectors>
</ig:WebDataGrid>
With the followin CSS in the header of my page
<style type="text/css">
.igdd_Pager
{
width: 400px;
height: 20px;
}
</style>
But it doesn't work, the paging number don't appear. It's really disapointing, because when i put the code of the dropdownprovider in a webdropdown it works.
What do I have made wrong?
Best regards
Hello asperge ,
I’ve managed to reproduce this and will log it in our internal system to be reviewed by our development staff.I’ve created a ticket with number:CAS-70296-D3J1QW on your behalf. We’ll continue communication trough there.
Best Regards,
Maya Kirova
Developer Support Engineer
Infragistics, Inc.
http://www.infragistics.com/support