Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
147041 | Aug 29,2019 05:48 PM UTC | Aug 30,2019 06:13 AM UTC | Blazor | 1 |
![]() |
Tags: DatePicker |
@using Syncfusion.EJ2.Blazor.Calendars
@using Syncfusion.EJ2.Blazor.Buttons
@using Syncfusion.EJ2.Blazor.Navigations
<EjsAccordion>
<AccordionItems>
<!--Status-->
<AccordionItem>
<HeaderTemplate>
<div>
Record Status
<label style="font-size:smaller;"></label>
</div>
</HeaderTemplate>
<ContentTemplate>
<ul id="status">
@foreach (var item in items)
{
<EjsCheckBox Label=@item.Description @bind-Checked=@item.IsSelectedBool CssClass="e-primary"></EjsCheckBox>
}
</ul>
</ContentTemplate>
</AccordionItem>
<!--Date Range-->
<AccordionItem Header="Date Range">
<ContentTemplate>
<EjsDatePicker Placeholder="Start Date" @bind-Value=@RangeStart Readonly=@SearchAllDatesBool></EjsDatePicker>
</ContentTemplate>
</AccordionItem>
</AccordionItems>
</EjsAccordion>
@code{
public DateTime? RangeStart { get; set; } = DateTime.Now;
public bool SearchAllDatesBool { get; set; } = true;
private List<ItemData> items { get; set; } = new List<ItemData>
{
new ItemData() { Description = "Checkbox", IsSelectedBool = true }
};
public class ItemData
{
public string Description { get; set; }
public bool IsSelectedBool { get; set; }
}
}
|
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.