Hello,
In UltraWebGrid we had kind of alphabetical paging - using DisplayLayout.Pager.CustomLabels of UltraWebGrid. Then we filtered the datasource accodringly to the letter clicked. Is there any way to do that in WDG? I mean the appearance of the pager, displaying letter. For that I attach a screenshot. Well, of course it's possible to add a usercontrol with 26 linkButtons, but I hope there is a smoother way.
Hello Andrey,
Thank you for your feedback and for sharing this with us. We believe that the other community members could benefit from such knowledge sharing threads.
Regarding the alphabetical paging topic – there is no such functionality implemented in the product. After looking into this matter and doing some research, Alphabetical Paging feature has been determined to be a new product idea. You could suggest new product ideas for future versions (or vote for existing ones) at <http://ideas.infragistics.com>. There are many benefits to submitting a product idea: - Direct communication with our product management team regarding your product idea. - Notifications whenever new information regarding your idea becomes available. - Ability to vote on your favorite product ideas to let us know which ones are the most important to you. You will have ten votes for this and can change which ideas you are voting for at any time. - Allow you to shape the future of our products by requesting new controls and products altogether. - You and other developers can discuss existing product ideas with members of our Product Management team. Steps to create your idea: 1. Log into the Infragistics Product Idea site at http://ideas.infragistics.com (creating a new login if needed). 2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.) 3. Add your product idea and be sure to be specific and provide as much detail as possible. Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing! The Product Idea site puts you in the driver’s seat and allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.
For Detailed information about paging behavior you could reference our official documentation. <PagerSettings Class Members><Paging>
Thank you for choosing Infragistics Products !
Hi,
Ok, as for my second question, I found a workaround - I used WebDialogWindow. In case it will help someone:
Here is the code of my webdialogwindow. It uses two textfields, one of them is disabled - we want just to show some data from a different column, one is for editing.
Also two labels for signing that textboxes. And one hidden field to store the index of the row in which cell is editing. I didn't add any markup yet for it to look nicer.
<ig:WebDialogWindow ID="wdwMessageBox" runat="server" Height="110px" InitialLocation="Centered" Width="35%" WindowState="Hidden" DesignTimeMinimize="True" Modal="True"> <ContentPane> <Template> <div id="DialogContent" style="text-align: center"> <asp:HiddenField ID="hfRowIndex" runat="server"></asp:HiddenField> <asp:Label ID="lReadOnly" runat="server" Text="Label">ReadOnlyField:</asp:Label> <asp:TextBox ID="tbReadOnly" runat="server" Enabled = "False"></asp:TextBox> <asp:Label ID="lEditing" runat="server" Text="Label">FieldToEdit:</asp:Label> <asp:TextBox ID="tbEditing" runat="server"></asp:TextBox> <div id="ErrorDiv" style="text-align: justify; background-color: White; font-size: 12px; height: 70%"> </div> <input id="bOk" type="button" value="OK" onclick="return bOk_onclick()" /> <input id="bCancel" type="button" value="Cancel" onclick="return bCancel_onclick()" /> </div> </Template> </ContentPane> <Header CaptionText="Change data"> <MaximizeBox Visible="True" /> </Header> <Resizer Enabled="True" /> </ig:WebDialogWindow>
And the functions. The first one is handler for EnteringEditMode (can be found in behaviors of webdatagrid). The other two just handlers for clicking buttons in webdialogwindow.
function WebDataGrid1_CellEditing_EnteringEditMode(sender, e) { ///
///Handles imitation of row edit templating by WebDialogWindow /// var cell = e.getCell(); if (cell.get_column().get_key() == "KeyOfTheColumnYouWantToEdit") { //hide the rowIndex to retrieve it on clicking OK in the dialog var rowIndex = cell.get_row().get_index(); var fieldToKeepIndex = document.getElementById('<%= hfrowindex="" clientid="">');fieldToKeepIndex.value = rowIndex;
//filing some extra field forbidden for editing var boxReadOnly = document.getElementById('<%= tbreadonly="" clientid="">'); boxReadOnly.value = cell.get_row().get_cellByColumnKey("KeyOfTheColumnYouDoNotWantToEdit").get_value();
//set the value of the textbox inside webdialogwindow from the cell value var box = document.getElementById('<%= tbediting="" clientid="">'); box.value = cell.get_value();
e.set_cancel(true);
var dialog = $find("<%= wdwmessagebox="" clientid="">"); dialog.show();
} }
function bOk_onclick() { //retrieve cell by row index and column key var fieldToKeepIndex = document.getElementById('<%= hfrowindex="" clientid="">'); var grid = $find("<%= webdatagrid1="" clientid="">"); var row = grid.get_rows().get_row(fieldToKeepIndex.value); var cell = row.get_cellByColumnKey("KeyOfTheColumnYouWantToEdit");
//retrieve and set value var box = document.getElementById('<%= tbediting="" clientid="">'); cell.set_value(box.value);
var dialog = $find("<%= wdwmessagebox="" clientid="">"); dialog.hide(); }
function bCancel_onclick() { var dialog = $find("<%= wdwmessagebox="" clientid="">"); dialog.hide(); }
P.S. Unfortunately formatting is gone after copypasting from VS.
One more question concerning templates... Is it possible for Row Edit Template to be shown only on clicking on some Columns, and for other columns to perform standard editing (without showing the template)?