Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
143278 | Mar 12,2019 05:53 PM UTC | Mar 14,2019 03:40 AM UTC | ASP.NET Core - EJ 2 | 3 |
![]() |
Tags: DataGrid |
When adding the first row, or editing with only one row (works fine if there are two or more rows) to a grid the validation is hidden under the footer requiring the user has to scroll to see the messages. This can be confusion, especially to a new user. What would be the best way to expand the grid to see the messages should they appear?
This is what the user sees:
They need to scroll to see the messages:
<div id="ControlRegion">
<ejs-grid id="Grid" dataBound="dataBound" toolbar="@(new List<string>() { "Add","Edit", "Update", "Cancel" })" allowPaging="true">
<e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Normal"></e-grid-editSettings>
<e-grid-pagesettings pageCount="5"></e-grid-pagesettings>
<e-grid-columns>
<e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" validationRules="@(new { required=true})" textAlign="Right" width="120"></e-grid-column>
<e-grid-column field="CustomerID" headerText="Customer Name" validationRules="@(new { required=true})"></e-grid-column>
. . . .
</e-grid-columns>
</ejs-grid>
</div>
<script>
function dataBound() {
this.height = (this.dataSource.length <= 1) ? "80px" : "auto";
}
</script> |
|
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.