Tuesday, November 18, 2014

Kendo Grid Popup Edit Template - Dropdown list binding

I specified that a Kendo Grid uses the Popup Edit mode:
 .Editable(e =>
        {
            e.Mode(GridEditMode.PopUp).TemplateName("IVPopup");
            e.Enabled(canEdit);
        })

Most of the fields are easily bound using the following Razor syntax:
 @Html.EditorFor(model => model.dosageNotes)

However, I have a drop down list that I hard code the select values for:
<option value='1'>Please Select</option>
            <option value='2500'>2,500</option>
            <option value='5000'>5,000</option>
            <option value='10000'>10,000</option>
            <option value='15000'>15,000</option>
            <option value='20000'>20,000</option>
            <option value='25000'>25,000</option>
            <option value='30000'>30,000</option>
            <option value='35000'>35,000</option>
            <option value='40000'>40,000</option>
            <option value='45000'>45,000</option>
            <option value='50000'>50,000</option>
            <option value='55000'>55,000</option>
            <option value='60000'>60,000</option>
            <option value='65000'>65,000</option>
            <option value='70000'>70,000</option>
            <option value='75000'>75,000</option>
            <option value='80000'>80,000</option>
            <option value='85000'>85,000</option>
            <option value='90000'>90,000</option>
            <option value='95000'>95,000</option>
            <option value='100000'>100,000</option>
            <option value='150000'>105,000</option>

I wondered, how to I bind this to the data?  Luckily some dude on StackOverflow spent hours trying to figure it out and did, this data-bind command did the trick, where concentration is my data field:

 <select id='dlIVConcentration' class='gridClientTemplate4' disabled='disabled' data-bind='value: concentration'>

No comments:

Post a Comment