ASP .NET Core MVC Demos

Show Demo List

ASP .NET MVC List Box Tag Helper

jqx-listbox

@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>

ViewData["Title"] = "ASP .NET MVC ListBox Example";

}

var employee = Model.FirstOrDefault();

}

<label>ASP .NET Core MVC List Box Tag Helper Example</label><br/><br/>

<jqx-listbox displayMember="Name" selectedIndex="0" edit="@Url.Action("EditItem","TagHelpers")" create="@Url.Action("AddItem","TagHelpers")" delete="@Url.Action("DeleteItem","TagHelpers")" instance="listInstance()" valueMember="ID" theme="@ViewData["Theme"]" width="250" height="300" source="Model"></jqx-listbox>

<label>Add/Delete/Update</label>

<table>

<tr>

</tr>

</table>

</div>

<jqx-button style="margin-top:20px;" theme="@ViewData["Theme"]" on-click="addItem()">Add Item</jqx-button>

<jqx-button style="margin-top:20px;" theme="@ViewData["Theme"]" on-click="removeItem()">Delete Item</jqx-button>

<jqx-button style="margin-top:20px;" theme="@ViewData["Theme"]" on-click="updateItem()">Update Item</jqx-button>

var list = {};

function addItem() {

list.addItem($("#name").val());

}

function removeItem() {

var item = list.getSelectedItem();

if (item)

{

list.removeItem(item);

}

function updateItem() {

var item = list.getSelectedItem();

if (item)

{

list.updateItem({value: item.value, label: $("#name").val() }, item);

}

function listInstance(instance) {

list = instance;

}

</script>

ASP .NET Core MVC Demos

ASP .NET Core MVC UI Components

ASP .NET MVC List Box Tag Helper