Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
145447 | Jun 22,2019 02:49 AM UTC | Jun 24,2019 10:11 AM UTC | Blazor | 2 |
![]() |
Tags: Grid |
public class Month { public string value { get; set; } public string text { get; set; } } List<Month> months = new List<Month>() { new Month(){ value = "1", text= "Jan" }, new Month(){ value = "2", text= "Feb" }, new Month(){ value = "3", text= "Mar" }, new Month(){ value = "4", text= "Apr" }, new Month(){ value = "5", text= "May" }, new Month(){ value = "6", text= "Jun" }, new Month(){ value = "7", text= "Jul" }, new Month(){ value = "8", text= "Aug" }, new Month(){ value = "9", text= "Sep" }, new Month(){ value = "10", text= "Oct" }, new Month(){ value = "11", text= "Nov" }, new Month(){ value = "12", text= "Dec" } }; } |
Issue:
The Grid displays data from the webapi however when in display mode the month column is blank. Data is being returned in the webapi call, a integer for the month number.
When in edit mode the month drop down shows no data, just the message "No Records Found"
@page "/orders" @using Newtonsoft.Json; <div class="container-fluid"> <div class="row pt-3"> <div class="col-12"> <EjsGrid ref="orderGrid" id="orderGrid" AllowSorting="true" AllowFiltering="true" AllowPaging="true" Height="100%" toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })"> <EjsDataManager ref="orderDataManager" CrossDomain="true" Url="http://localhost:5000/api/v2/order" Adaptor="Adaptors.WebApiAdaptor"> </EjsDataManager> <GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true"></GridEditSettings> <GridFilterSettings Type="@Syncfusion.EJ2.RazorComponents.Grids.FilterType.CheckBox"></GridFilterSettings> <GridPagesettings pageCount="5" PageSize="15"></GridPagesettings> <GridColumns> <GridColumn Field="OrderLineId" HeaderText="Order Line Id" ISPrimaryKey="true" IsIdentity="true" Visible="false" Width="30" validationRules="@(new { required= true, maxLength=6})"></GridColumn> <GridColumn Field="StyleCode" HeaderText="Code" Width="20" validationRules="@(new { required= true, maxLength=20})"></GridColumn> <GridColumn Field="ItemDescription" HeaderText="Name" Width="40" validationRules="@(new { required= true, maxLength=50})"></GridColumn> <GridColumn Field="ClassCode" HeaderText="Class" Width="20" validationRules="@(new { required= true, maxLength=20})"></GridColumn> <GridColumn Field="Month" HeaderText="Month" Width="15" EditType="dropdownedit" ForeignKeyField="value" ForeignKeyValue="text" DataSource="@months" ></GridColumn> </GridColumns> </EjsGrid> </div> </div> </div> @functions { public class Month { public string value { get; set; } public string text { get; set; } } List<Month> months = new List<Month>() { new Month(){ value = "1", text= "Jan" }, new Month(){ value = "2", text= "Feb" }, new Month(){ value = "3", text= "Mar" }, new Month(){ value = "4", text= "Apr" }, new Month(){ value = "5", text= "May" }, new Month(){ value = "6", text= "Jun" }, new Month(){ value = "7", text= "Jul" }, new Month(){ value = "8", text= "Aug" }, new Month(){ value = "9", text= "Sep" }, new Month(){ value = "10", text= "Oct" }, new Month(){ value = "11", text= "Nov" }, new Month(){ value = "12", text= "Dec" } }; } |
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.