Hi
I want to validate new records before they gets added to the grid at client-side. After I clear out the "name" field tag I get the red *. Which is perfectly fine and just what I want to do. However, when I click on "Add new record" button more than once, new empty record gets added without being validated.
What is the most clean and neat way to achieve this? Below is my code using a classic ASP coding style, so you get everything at one place.
01.<%@ Page Language="C#" %>02. 03.<!DOCTYPE html>04. 05.<html>06.<head runat="server">07. <title>[Title]</title>08. <script runat="server">09. protected override void OnInit(EventArgs e)10. {11. this.Load += HandleLoad;12. this.PreLoad += HandlePreLoad;13. 14. base.OnInit(e);15. }16. private void HandleLoad(object sender, EventArgs e)17. {18. this.grid.DataSource = new[] { new { Id = 1, Name = "Name" } };19. }20. private void HandlePreLoad(object sender, EventArgs e)21. {22. this.grid.MasterTableView.AutoGenerateColumns = false;23. this.grid.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top;24. this.grid.MasterTableView.EditMode = GridEditMode.Batch;25. }26. </script>27.</head>28.<body>29. <form id="form" runat="server">30. <asp:ScriptManager runat="server" />31. <div style="width: 25%">32. <telerik:RadGrid ID="grid" runat="server">33. <MasterTableView>34. <Columns>35. <telerik:GridTemplateColumn HeaderText="Name">36. <EditItemTemplate>37. <asp:TextBox ID="name" runat="server" />38. <asp:RequiredFieldValidator runat="server" ControlToValidate="name" Text="*" />39. </EditItemTemplate>40. <ItemTemplate>41. <%# Eval("Name") %>42. </ItemTemplate>43. </telerik:GridTemplateColumn>44. </Columns>45. </MasterTableView>46. </telerik:RadGrid>47. </div>48. </form>49.</body>50.</html>
Regrads,
Garmco ICT
5 Answers, 1 is accepted
0
ICT
Top achievements
Rank 1
Rank 1
answered on 23 Mar 2017, 01:08 PM
Is it very difficult?!
0
Hi,
First of all, please make sure that you are setting the DataSource property of the grid during NeedDataSource. Performing complex grid operations such as Inserting, Deleting, Updating, Hierarchy relations, Grouping, Exporting, Paging, Sorting, Filtering, etc. require accommodating appropriate database operations. Therefore, we suggest you to avoid Simple Databinding and strongly recommend the use of more advanced databinding methods, which automatically handle the aforementioned functions:
As for limiting adding new records with Batch editing, you can examine the implementation demonstrated in the attached web site sample.
I hope this will prove helpful.
Regards,
Eyup
Telerik by Progress
First of all, please make sure that you are setting the DataSource property of the grid during NeedDataSource. Performing complex grid operations such as Inserting, Deleting, Updating, Hierarchy relations, Grouping, Exporting, Paging, Sorting, Filtering, etc. require accommodating appropriate database operations. Therefore, we suggest you to avoid Simple Databinding and strongly recommend the use of more advanced databinding methods, which automatically handle the aforementioned functions:
Declarative DataSource (DataSourceID property)
Programmatic Data Binding (NeedDataSource event, + DetailTableDataBind for hierarchy). You should set the DataSource property ONLY within these event handlers.
As for limiting adding new records with Batch editing, you can examine the implementation demonstrated in the attached web site sample.
I hope this will prove helpful.
Regards,
Eyup
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.
0
ICT
Top achievements
Rank 1
Rank 1
answered on 26 Mar 2017, 06:11 AM
I can see that your solution limits the number of rows a grid can have. However, I'm looking for a solution to validate the content of a new row before it gets added to the grid. Take for example a mandatory field which cannot be empty as the "name" field in my example above.
0
ICT
Top achievements
Rank 1
Rank 1
answered on 30 Mar 2017, 05:17 AM
Still waiting for the team to answer!
0
Hello,
Generally, RadGrid provides ColumnValidationSettings, which can be used to automatically add validation for editing functionality:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/data-editing/validation#adding-a-validator-to-an-edit-field-in-telerik-radgrid
However, when you want to add the Required, Custom, RegularExpression or any kind of Validator programmatically depending on some condition, you can use the code-behind logic provided in the following section:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/data-editing/validation#adding-a-validator-explicitly
For getting the data values you can use:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/rows/accessing-cells-and-rows#accessing-raw-field-data-and-key-values
In addition, I am also sending a web site sample with a similar implementation.
Also, you can prevent a cell from editing using this event handler:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/client-side-programming/events/onbatcheditopening
Another option is to use the OnUserAction event and prevent the new row from opening or being added:
http://www.telerik.com/forums/next-page-event#fXUmvG81aU2Oz4o-I9t6SQ
Regards,
Eyup
Telerik by Progress
Generally, RadGrid provides ColumnValidationSettings, which can be used to automatically add validation for editing functionality:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/data-editing/validation#adding-a-validator-to-an-edit-field-in-telerik-radgrid
However, when you want to add the Required, Custom, RegularExpression or any kind of Validator programmatically depending on some condition, you can use the code-behind logic provided in the following section:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/data-editing/validation#adding-a-validator-explicitly
For getting the data values you can use:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/rows/accessing-cells-and-rows#accessing-raw-field-data-and-key-values
In addition, I am also sending a web site sample with a similar implementation.
Also, you can prevent a cell from editing using this event handler:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/client-side-programming/events/onbatcheditopening
Another option is to use the OnUserAction event and prevent the new row from opening or being added:
http://www.telerik.com/forums/next-page-event#fXUmvG81aU2Oz4o-I9t6SQ
Regards,
Eyup
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.