InputSelect Click Twice | C# Online Compiler

InputSelect Click Twice by rachmann

using System;
using System.ComponentModel.DataAnnotations;

	
	public enum ServiceType
	{
    [Description("Not Set")]
    NotSet = 0,
    [Description("ServiceA")]
    ServiceA = 1,
    [Description("Service2")]
    Service2 = 2,
    [Description("ThirdService")]
    ThirdService = 3,
    [Description("ServiceNum4")]
    ServiceNum4 = 4,
    [Description("ServiceItem5")]
    ServiceItem5 = 5,
    [Description("SixthSenseService")]
    SixthSenseService = 6
	}
	
	public class Record
	{
		public string Name { get; set; }

		public string? Certificate { get; set; }

		public string? Path { get; set; }
		
		public ServiceType ServiceType { get; set; }
	}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
    
    public enum ServiceType
    {
    [Description("Not Set")]
    NotSet = 0,
    [Description("ServiceA")]
    ServiceA = 1,
    [Description("Service2")]
    Service2 = 2,
    [Description("ThirdService")]
    ThirdService = 3,
    [Description("ServiceNum4")]
    ServiceNum4 = 4,
    [Description("ServiceItem5")]
    ServiceItem5 = 5,
    [Description("SixthSenseService")]
    SixthSenseService = 6
    }
    
    public class Record
    {
        public string Name { get; set; }
​
        public string? Certificate { get; set; }
​
        public string? Path { get; set; }
        
        public ServiceType ServiceType { get; set; }
    }
​

@page "/records/create"
@page "/check/{returnurl}"
@inject NavigationManager NavigationManager

<h3>Records Create</h3>
<br/>
<div class="validation-message">
    @if (!string.IsNullOrWhiteSpace(ErrorMessage))
    {
        <br />
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>ERROR: </strong><div>@ErrorMessage</div>
            <button type="button" class="btn-close" aria-label="Close" @onclick="@(() => ErrorMessage = null)"></button>
        </div>
    }

    @if (!string.IsNullOrWhiteSpace(SuccessMessage))
    {
        <br />
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>Success!</strong><div>@SuccessMessage</div>
            <button type="button" class="btn-close" aria-label="Close" @onclick="@(() => SuccessMessage = null)"></button>
        </div>
    }
</div>
<EditForm EditContext="@EditContext" OnValidSubmit="AddRecord" >
    <DataAnnotationsValidator />
    <ValidationSummary />
    <div class="form-group">
        <DataAnnotationsValidator />
        <ValidationSummary />
        <div class="container">
          
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Name</label>
                </div>
                <div class="col-4">
                    <InputText @bind-Value="NewRecord.Name" placeholder="Name" class="form-control" />
                </div>
                <div class="col-5">
                </div>
            </div>
          
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Certificate</label>
                </div>
                <div class="col-4">
                    <InputText @bind-Value="NewRecord.Certificate" placeholder="Certificate" class="form-control" />
                </div>
                <div class="col-5">
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Service</label>
                </div>
                <div class="col-4">
                    <InputSelect style="width: 11em;" id="ServiceTypeId" @bind-Value="NewRecord.ServiceType" placeholder="Not Set" class="form-control">
                       
                        @foreach (var csType in _ServiceTypes)
                        {
                            <option  value="@csType.Key">@csType.Value</option>
                        }
                    </InputSelect>
                </div>
                <div class="col-5">
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Path</label>
                </div>
                <div class="col-4">
                    <InputText @bind-Value="NewRecord.Path" placeholder="Path" class="form-control" />
                </div>
                <div class="col-5">
                </div>
            </div>
           
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Deleted At</label>
                </div>
                <div class="col-4">
                    <InputDate @bind-Value="NewRecord.DeletedAt" @bind-Value:format="dd-MM-yyyy" class="form-control" />
                </div>
                <div class="col-5">
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                   &nbsp;
                </div>
                <div class="col-4">
                </div>
                <div class="col-5">
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <button class="btn btn-primary" type="submit">Submit</button>
                </div>
                <div class="col-4">
                </div>
                <div class="col-5">
                </div>
            </div>
        </div>
    </div>
</EditForm>


<div>
    <br/>
    <a href="/records">Back to List</a>
</div>

View

 
@page "/records/create"
@page "/check/{returnurl}"
@inject NavigationManager NavigationManager
​
<h3>Records Create</h3>
<br/>
<div class="validation-message">
    @if (!string.IsNullOrWhiteSpace(ErrorMessage))
    {
        <br />
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>ERROR: </strong><div>@ErrorMessage</div>
            <button type="button" class="btn-close" aria-label="Close" @onclick="@(() => ErrorMessage = null)"></button>
        </div>
    }
​
    @if (!string.IsNullOrWhiteSpace(SuccessMessage))
    {
        <br />
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>Success!</strong><div>@SuccessMessage</div>
            <button type="button" class="btn-close" aria-label="Close" @onclick="@(() => SuccessMessage = null)"></button>
        </div>
    }
</div>
<EditForm EditContext="@EditContext" OnValidSubmit="AddRecord" >
    <DataAnnotationsValidator />
    <ValidationSummary />
    <div class="form-group">
        <DataAnnotationsValidator />
        <ValidationSummary />
        <div class="container">
          
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Name</label>
                </div>
                <div class="col-4">
                    <InputText @bind-Value="NewRecord.Name" placeholder="Name" class="form-control" />
                </div>
                <div class="col-5">
                </div>
            </div>
          
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Certificate</label>
                </div>
                <div class="col-4">
                    <InputText @bind-Value="NewRecord.Certificate" placeholder="Certificate" class="form-control" />
                </div>
                <div class="col-5">
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Service</label>
                </div>
                <div class="col-4">
                    <InputSelect style="width: 11em;" id="ServiceTypeId" @bind-Value="NewRecord.ServiceType" placeholder="Not Set" class="form-control">
                       
                        @foreach (var csType in _ServiceTypes)
                        {
                            <option  value="@csType.Key">@csType.Value</option>
                        }
                    </InputSelect>
                </div>
                <div class="col-5">
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Path</label>
                </div>
                <div class="col-4">
                    <InputText @bind-Value="NewRecord.Path" placeholder="Path" class="form-control" />
                </div>
                <div class="col-5">
                </div>
            </div>
           
            <div class="row">
                <div class="col-3">
                    <label class="control-label">Deleted At</label>
                </div>
                <div class="col-4">
                    <InputDate @bind-Value="NewRecord.DeletedAt" @bind-Value:format="dd-MM-yyyy" class="form-control" />
                </div>
                <div class="col-5">
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                   &nbsp;
                </div>
                <div class="col-4">
                </div>
                <div class="col-5">
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <button class="btn btn-primary" type="submit">Submit</button>
                </div>
                <div class="col-4">
                </div>
                <div class="col-5">
                </div>
            </div>
        </div>
    </div>
</EditForm>
​
​
<div>
    <br/>
    <a href="/records">Back to List</a>
</div>
​
​

using System.Collections.ObjectModel;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Forms;

public static class utils{
	  	public static string ToDescription<TEnum>(this TEnum value)
    {
        var enumFields = value.GetType().GetField(value.ToString());
        var attributes = (DescriptionAttribute[])enumFields
            .GetCustomAttributes(typeof(DescriptionAttribute),
                false);

        return attributes.Length > 0 ? attributes[0].Description : value.ToString();
    }
}
public partial class RecordsCreate{
	

	
    public string ReturnUrl { get; set; }

    public ObservableCollection<Record> Records { get; }
    private Record NewRecord { get;  set;} 
	
    private Dictionary<int, string> _ServiceTypes { get; set; }

    private EditContext EditContext;

    public string? SuccessMessage { get; set; }
    public string? ErrorMessage { get; set; }

    public RecordsCreate()
    {
		NewRecord = new ();
		Records = new();
		ReturnUrl = "/records";
		
        EditContext = new EditContext(NewRecord);
    }
    protected override async Task OnInitializedAsync()
    {
        // because chrome auto fills passwords
        //other_chromecrn
        // get select list values
        ServiceType cst = ServiceType.NotSet;
        _ServiceTypes = Enum.GetValues(cst.GetType())
            .Cast<Enum>()
            .ToDictionary(t => (int)(object)t, t => t.ToDescription());

        EditContext = new EditContext(NewStoreMapping);
        await LoadRecords();
    }

    private async void AddRecord()
    {
        // if this one doesn't exist, then ok to add

        try
        {
           
            if (Records.Any(sm =>
                sm.Name == NewRecord.Name &&
                sm.ServiceType == Records.ServiceType))
            {
                ErrorMessage = "Such a Record and ServiceType already exist";
                return;
            }
            else
            {
				// really, this saves to DB...
                Records.Add(NewStoreMapping);
                // if a return url was passed, then honour that, or go to the merchants admin landing page
                NavigationManager.NavigateTo(ReturnUrl ?? "/records", forceLoad: false);
            }
        }
        catch (Exception exception)
        {

            if (Debugger.IsAttached)
            {
                Debugger.Break();
            }

            ErrorMessage = "Exception encountered while attempting to create a new record: {exception.Message}";
        }
    }

    private async void AddMerchantFailed()
    {
        ErrorMessage = "Please fix highlightes errors first or cancel addition.";
        await Task.FromResult(0);
    }
    private async Task LoadMerchants()
    {
        try
        {
         
			// really, load from DB here...
            Records.Clear();
            Records.Add(new Record(){ Name="Existing 1", ServiceType = 1});
        }
        catch (Exception exception)
        {

            if (Debugger.IsAttached)
            {
                Debugger.Break();
            }

            ErrorMessage = "Exception encountered while attempting to load record details: {exception.Message}";
        }
    }
}

Controller

 
using System.Collections.ObjectModel;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Forms;
​
public static class utils{
        public static string ToDescription<TEnum>(this TEnum value)
    {
        var enumFields = value.GetType().GetField(value.ToString());
        var attributes = (DescriptionAttribute[])enumFields
            .GetCustomAttributes(typeof(DescriptionAttribute),
                false);
​
        return attributes.Length > 0 ? attributes[0].Description : value.ToString();
    }
}
public partial class RecordsCreate{
    
​
    
    public string ReturnUrl { get; set; }
​
    public ObservableCollection<Record> Records { get; }
    private Record NewRecord { get;  set;} 
    
    private Dictionary<int, string> _ServiceTypes { get; set; }
​
    private EditContext EditContext;
​
    public string? SuccessMessage { get; set; }
    public string? ErrorMessage { get; set; }
​
    public RecordsCreate()
    {
        NewRecord = new ();
        Records = new();
        ReturnUrl = "/records";
        
        EditContext = new EditContext(NewRecord);
    }
    protected override async Task OnInitializedAsync()
    {
        // because chrome auto fills passwords
        //other_chromecrn
        // get select list values
        ServiceType cst = ServiceType.NotSet;
        _ServiceTypes = Enum.GetValues(cst.GetType())
            .Cast<Enum>()
            .ToDictionary(t => (int)(object)t, t => t.ToDescription());
​
        EditContext = new EditContext(NewStoreMapping);
        await LoadRecords();
    }
​
    private async void AddRecord()
    {
        // if this one doesn't exist, then ok to add
​
        try
        {
           
            if (Records.Any(sm =>
                sm.Name == NewRecord.Name &&
                sm.ServiceType == Records.ServiceType))
            {
                ErrorMessage = "Such a Record and ServiceType already exist";
                return;
            }
            else
            {
                // really, this saves to DB...
                Records.Add(NewStoreMapping);
                // if a return url was passed, then honour that, or go to the merchants admin landing page
                NavigationManager.NavigateTo(ReturnUrl ?? "/records", forceLoad: false);
            }
        }
        catch (Exception exception)
        {
​
            if (Debugger.IsAttached)
            {
                Debugger.Break();
            }
​
            ErrorMessage = "Exception encountered while attempting to create a new record: {exception.Message}";
        }
    }
​
    private async void AddMerchantFailed()
    {
        ErrorMessage = "Please fix highlightes errors first or cancel addition.";
        await Task.FromResult(0);
    }
    private async Task LoadMerchants()
    {
        try
        {
         
            // really, load from DB here...
            Records.Clear();
            Records.Add(new Record(){ Name="Existing 1", ServiceType = 1});
        }
        catch (Exception exception)
        {
​
            if (Debugger.IsAttached)
            {
                Debugger.Break();
            }
​
            ErrorMessage = "Exception encountered while attempting to load record details: {exception.Message}";
        }
    }
}
​

View in Full Screen

View IL Code