将下拉列表更新为Telerik

时间:2012-08-16 18:22:41

标签: html asp.net-mvc telerik telerik-mvc

我有一个包含少量下拉列表的表单,如下所示:

<table>
            <tr>
                <th>
                    Student Number
                </th>
                <td>
                    <input type="text" id="StudentNumber" />
                </td>
            </tr>
            <tr>
                <th>
                    Student Type
                </th>
                <td>
                    <select id="StudentType">
                        <option value="Select">Select</option>
                        <option value="Freshman">Freshman</option>
                        <option value="Sophomore">Sophomore</option>
                        <option value="Junior">Junior</option>
                        <option value="Senior">Senior</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>
                    Status
                </th>
                <td>
                    <select id="Status">
                        <option value="Select">Select</option>
                        <option value="Enrolled">Enrolled</option>
                        <option value="Dropped">Dropped</option>
                        <option value="Probation">Probation</option>
                        <option value="Suspended">Suspended</option>
                    </select>
                </td>
            </tr>
</table>

我想将HTML下拉列表转换为telerik下拉列表。将控件转换为Telerik需要什么? 这是我第一次使用Telerik。任何例子都会非常有用

提前致谢

1 个答案:

答案 0 :(得分:1)

如果您只想在问题中使用静态数据,可以执行以下操作:

@(Html.Telerik().DropDownList()
  .Name("StudentType")
  .Items(items =>
    {
      items.Add().Text("Select").Value("Select");
      items.Add().Text("Freshman").Value("Freshman");
      items.Add().Text("Sophmore").Value("Sophmore");
      items.Add().Text("Junior").Value("Junior");
      items.Add().Text("Senior").Value("Senior");
    })
)

有关使用动态数据的演示,请参阅Telerik's combobox/dropdown demo