Как я могу изменить выпадающий список htmlhelper на выпадающий список пользовательского интерфейса без использования html.kendio (). Dropdownlist ()?

Я использую htmlhelper dropdownlist на мой взгляд:

@Html.DropDownListFor(model => model.GroupID, (SelectList)ViewBag.Groups, "Choose...",
new { id = "GroupsDropDown" })

ViewBag.Groups= new SelectList(db.Groups.ToList(), "GroupID", "GroupName");

У меня есть 2 вопроса: 1-, как я могу изменить Html.DropDownListFor() в Kendo dropDown без использования "Html.Kendo(). DropDownListFor (...) с помощью jquery? Я использовал следующий код, но он не работает:

<script type="text/javascript">
        $("[id$='DropDown']").kendoDropDownList();
</script>

2- Правда ли, что я использую ViewBags для заполнения моих выпадающих списков,...? Есть ли лучший способ, который я могу использовать вместо viewbag?

Спасибо за помощь.