or
<script src="Scripts/jquery.min.js" type="text/javascript"></script> <script src="Scripts/kendo.core.js" type="text/javascript"></script> <script src="Scripts/kendo.list.js" type="text/javascript"></script> <script src="Scripts/kendo.popup.js" type="text/javascript"></script> <script src="Scripts/kendo.data.js" type="text/javascript"></script> <script src="Scripts/kendo.data.odata.js" type="text/javascript"></script> <script src="Scripts/kendo.dropdownlist.js" type="text/javascript"></script> <script src="Scripts/kendo.fx.js" type="text/javascript"></script> <link href="Styles/kendo.common.min.css" rel="stylesheet" type="text/css" /> <link href="Styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"> $(document).ready(function() { var data = [ { text: "Black", value: "1" }, { text: "Orange", value: "2" }, { text: "Grey", value: "3" } ]; // create DropDownList from input HTML element $("#color").kendoDropDownList({ dataSource: data, index: 0, change: onChange }); }); function onChange() { } </script>
<input id="color" value="0"/>
$("#seasons_grid").kendoGrid({ dataSource: dataSource, navigatable: true, pageable: true, height: 400, toolbar: ["create", "save", "cancel"], columns: [ { field: "name", title: title_nombre }, { field: "percentage", format: "{0:p}", step: "0.1", title: title_porcentaje }, { field: "start_date", title: title_fecha_inicial, template: '#= kendo.toString(start_date, "'+formatDate+'")#' }, { field: "end_date", title: title_fecha_final, template: '#= kendo.toString(end_date, "'+formatDate+'")#' }, { command: "destroy", title: " ", width: "110px" }], editable: true });