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> <ig:BoundDataField DataFieldName="SCHOOLINGCostCenter" Key="SCHOOLINGCostCenter"> <Header Text="Schooling Cost center" /> </ig:BoundDataField> <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 </td> </tr> </table> </HeaderTemplate> <ItemTemplate> <table style="width: 100%" cellspacing="0"> <tr style="border-bottom: solid 1px #ff0000;"> <td style="width: 120px;"> <%# DataBinder.Eval(Container.DataItem, "CODE")%> </td> <td style="width: 160px;"> <%# DataBinder.Eval(Container.DataItem, "NAME")%> </td> </tr> </table> </ItemTemplate> </EditorControl> </ig:DropDownProvider> <ig:DropDownProvider ID="drpSchoolingCostCenter"> <EditorControl runat="server" runat="server" ClientIDMode="Predictable" EnableDropDownAsChild="False" DropDownContainerMaxHeight="200px" DataSourceID="dtsCCSchooling" 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" cellpadding="4"> <tr> <td style="width: 150px;"> CODE </td> <td style="width: 130px;"> NAME </td> </tr> </table> </HeaderTemplate> <ItemTemplate> <table style="width: 100%" cellspacing="0" cellpadding="4"> <tr style="border-bottom: solid 1px #ff0000;"> <td style="width: 120px;"> <%# DataBinder.Eval(Container.DataItem, "CODE")%> </td> <td style="width: 140px; padding-left: 10px;"> <%# DataBinder.Eval(Container.DataItem, "NAME")%> </td> </tr> </table> </ItemTemplate> </EditorControl> </ig:DropDownProvider> </EditorProviders> <Behaviors> <ig:EditingCore> <Behaviors> <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> </Behaviors> </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, 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
Hi bornetjulien,
We are aware of the matter you are describing and actions are being taken on that account. The issue is logged in our development system with an ID of 84540.
Please contact me if you have any questions.
Best Regards,
Petar IvanovDeveloper Support EngineerInfragistics, Inc.http://www.infragistics.com/support