@model IEnumerable<Gdp>

<h1>
    MultiSelect
</h1>

<p>
    The MultiSelect control extends the ComboBox and adds
    checkboxes to each item in the drop-down list.
</p>
<p>
    The control exposes the list of checked items through
    the <b>checkedItems</b> property:
</p>
<div class="row demo-settings">
    <div class="col-xs-5">
        @(Html.C1().MultiSelect<Gdp>().Id("theMultiSelect")
            .Bind(Model).Placeholder("countries")
            .HeaderFormat("{count:n0} countries")
            .DisplayMemberPath("Country")
        )
    </div>
    <div class="col-xs-7">
        <p>
            <b>Checked Items:</b>
        </p>
        <ul id="checkedItems"></ul>
    </div>
</div>