Liste déroulante qui ne déroule pas

bonjour a tous. je developpe une application avec ASP.NET MVC. j'ai pris un code sur le net qui me permet de créer une liste déroulante avec javascript. mais le problème est que la liste ne s'ouvre pas. voici mon code. s'il vous plait j'ai besoin d'aide.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<h2>Choisir le type d administrateur de crédit</h2>
 
<div class="demo-section k-content">
    <h4 class="title">DropDownList</h4>
    @(Html.Kendo().DropDownList()
            .Name("dropdownlist")
            .DataTextField("Text")
            .DataValueField("Value")
            .BindTo(new List<SelectListItem>()
            {
                new SelectListItem() {
                    Text = "Item1", Value = "1"
                },
                new SelectListItem() {
 
                    Text = "Item2", Value = "2"
                },
                new SelectListItem() {
                    Text = "Item3", Value = "3"
                }
            })
            .Events(e =>
            {
                e.Open("onOpen").Close("onClose").DataBound("onDataBound").Filtering("onFiltering");
            })
            .HtmlAttributes(new { style = "width: 100%" })
    )
</div>
<div class="box">
    <h4>Console log</h4>
    <div class="console"></div>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script>
    function onOpen() {
        kendoConsole.log("event: open");
    }
 
    function onClose() {
        kendoConsole.log("event: close");
    }
 
    function onDataBound() {
        kendoConsole.log("event: dataBound");
    }
 
    function onSelect(e) {
        if ("kendoConsole" in window) {
            var dataItem = this.dataItem(e.item.index());
            kendoConsole.log("event :: select (" + dataItem.Text + " : " + dataItem.Value + ")" );
        }
    }
 
    function onFiltering() {
        kendoConsole.log("event: filtering");
    }
</script>