ASP.NET MVC Controls | ComponentOne
Working with Controls / Input Controls / InputTime / Work with InputTime / Data Binding
In This Topic
    Data Binding
    In This Topic

    InputTime allows a user to create a list of custom time to be displayed in InputTime dropdown. The Bind property in InputTime is used to bind it to a collection by passing a variable to carry out a specific operation. This topic demonstrates how to retrieve data from an existing data source. This is useful for binding custom timings in InputTime control.

    The following image shows how the InputTime appears after it is bound to a list, and uses Bind property to fetch data from the list:

    The following code examples demonstrate how to bind InputTime to fetch data from a list:

    In Code

    DataBindController.cs

    C#
    Copy Code
    public ActionResult Index()
    {
        ViewBag.TimeList = new List<object> { "8:20", "10:00", "11:35", "12:08", "13:25", "13:30", "14:26" };
        return View();
    }
    

    DataBind.cshtml

    Razor
    Copy Code
    @{
        var timeList = ViewBag.TimeList as List<object>;
    }
    <div>
        <label>Select a time</label>
        @(Html.C1().InputTime().Bind(timeList).Value(DateTime.Parse("11:35")))
    </div>