ListBox

using System.Linq; 
using Microsoft.AspNetCore.Mvc; 
using MvcExplorer.Models; 
  
namespace MvcExplorer.Controllers 
{ 
    public partial class ListBoxController : Controller 
    { 
        public ActionResult ItemTemplate() 
        { 
            var list = CustomerOrder.GetOrderData(100).ToList(); 
            return View(list); 
        } 
    } 
} 

@model List<CustomerOrder> 
  
<style> 
    .badge { 
        color: white; 
        background-color: darkred; 
        border-radius: 10px; 
        padding: 1px 10px; 
    } 
  
    .label { 
        color: black; 
        background-color: orange; 
        border-radius: 10px; 
        padding: 1px 10px; 
    } 
</style> 
  
<div> 
    <label>@Html.Raw(ListBoxRes.ItemTemplate_CustomHTML)</label> 
    <c1-list-box width="300px" height="250px"> 
        <c1-input-item-template> 
            <span> 
                <span class="label">{{Product}}</span> 
                <span class="badge">{{Count}}</span> 
            </span> 
        </c1-input-item-template> 
        <c1-items-source source-collection="@Model"></c1-items-source> 
    </c1-list-box> 
</div> 
  
<div> 
    <label>@Html.Raw(ListBoxRes.ItemTemplate_C1MVCControls)</label> 
    <c1-list-box width="300px" height="250px"> 
        <c1-input-item-template> 
            <span> 
                <c1-input-number template-bindings="@(new { Value = "Count"})" min="0" max="10" step="1" is-template="true"></c1-input-number> 
            </span> 
        </c1-input-item-template> 
        <c1-items-source source-collection="@Model"></c1-items-source> 
    </c1-list-box> 
</div> 
  
@section Description{ 
    <p>@Html.Raw(ListBoxRes.ItemTemplate_Text0)</p> 
    <p>@Html.Raw(ListBoxRes.ItemTemplate_Text1)</p> 
}

New Controls >

Popular Controls >

Data Management >

Data Visualization >

Navigation and Layout >

Document >

Scheduling >

Input and Editing >

Tutorials >

New Features >

Getting Started Guides >

Sample Applications >

Data Management

Data Visualization

Navigation and Layout

Document

Scheduling

Input and Editing

Tutorials

New Features

Getting Started Guides

Sample Applications

Item Template

Features

Description