@model IEnumerable<Gdp>

<h1>
    ListBox and checkboxes
</h1>

<p>
    The ListBox control has a <b>checkedMemberPath</b> property
    that allows you to add checkboxes to items on the list.
    It has a <b>checkedItems</b> property that gets or sets
    the list of checked items.
</p>

<div class="row demo-settings">
    <div class="col-xs-5">
        @(Html.C1().ListBox<Gdp>().Id("theListBox")
            .Height(200)
            .Bind(Model).DisplayMemberPath("Country")
        )
    </div>
    <div class="col-xs-7">
        <p>
            <b>Checked Items:</b>
        </p>
        <ul id="checkedItems"></ul>
    </div>
</div>