We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
|
<EjsListBox Value="@Content" DataSource="@Data" TValue="string[]" ModelType="Model">
<ListBoxEvents ValueChange="@onChange" TValue="string[]"></ListBoxEvents>
<ListBoxFieldSettings Text="Title" Value="Title"></ListBoxFieldSettings>
<ListBoxTemplates>
<ItemTemplate>
@{
PlaylistItemModel currentData = context as PlaylistItemModel;
<div>
<p>
<label for="@currentData.Title">
@currentData.Title
</label>
</p>
<div>
</div>
</div>
}
</ItemTemplate>
</ListBoxTemplates>
</EjsListBox>
@code {
public string SelectedValue = "Javascript";
public void onChange(ListBoxChangeEventArgs args)
{
SelectedValue = ((JArray)args.Value).ToObject<List<string>>()[0];
this.StateHasChanged();
}
} |
|
<EjsListBox Value="@Content" DataSource="@Data" TValue="string[]" ModelType="Model">
<ListBoxEvents ValueChange="@onChange" TValue="string[]"></ListBoxEvents>
</EjsListBox>
@code {
public void onChange(ListBoxChangeEventArgs args)
{
SelectedValue = args.Items.ToString(); // To get the entire object of the selected item
this.StateHasChanged();
}
} |
|
@using System.Collections.ObjectModel
<EjsListBox Value="@Content" DataSource="@data" TValue="string[]" ModelType="Model">
..//
</EjsListBox>
<input type="button" @onclick="@ChangeData" value="Add data" />
@code{
public ObservableCollection<PlaylistItemModel> data { get; set; }
private string[] Content = new string[] { "Javascript" };
PlaylistItemModel Model = new PlaylistItemModel();
int currentCount = 5;
public void ChangeData()
{
currentCount++;
this.data.Add(new PlaylistItemModel() { IsActive = false, Title = "AddedItem" +currentCount, ID="Item"+currentCount});
}
protected override void OnInitialized()
{
this.data = PlaylistItemModel.getListData();
}
public class PlaylistItemModel
{
public bool IsActive { get; set; }
public string Title { get; set; }
public string ID { get; set; }
public static ObservableCollection<PlaylistItemModel> getListData()
{
ObservableCollection<PlaylistItemModel> data = new ObservableCollection<PlaylistItemModel>();
data.Add(new PlaylistItemModel() { Title = "Hennessey Venom", IsActive = true, ID="Item1" });
data.Add(new PlaylistItemModel() { Title = "Bugatti Chiron", IsActive = false,ID="Item2" });
data.Add(new PlaylistItemModel() { Title = "Bugatti Veyron Super Sport", IsActive = true,ID="Item3" });
data.Add(new PlaylistItemModel() { Title = "SSC Ultimate Aero", IsActive = false,ID="Item4" });
data.Add(new PlaylistItemModel() { Title = "Koenigsegg CCR", IsActive = false,ID="Item5" });
return data;
}
}
public string SelectedValue = "Javascript";
public void onChange(ListBoxChangeEventArgs args)
{
SelectedValue = args.Items.ToString(); // To get the entire object of the selected item
this.StateHasChanged();
}
} |
|
<EjsListBox TValue="string[]" DataSource="@Vehicles">
<ListBoxEvents ValueChange="@onChange" TValue="string[]" />
<ListBoxFieldSettings Text="text" Value="id" />
<ListBoxSelectionSettings Mode="SelectionMode.Single"></ListBoxSelectionSettings>
</EjsListBox>
@code {
public void onChange(ListBoxChangeEventArgs args)
{
Console.WriteLine("onChange");
}
} |
