or
dataSource: { data: [ @foreach (var report in Model.Reports) { <text>{Id: "@report.Id", ReportId: "@report.ReportId", ReportSample: "@report.ReportSample", ReportLegend: "@report.ReportLegend", ReportFaq: "@report.ReportFaq", ReportName: "@report.ReportName"}, </text> } ], schema: { model: { fields: { Id: { type: "number" }, ReportId: { type: "string" }, ReportSample: { type: "string" }, ReportLegend: { type: "string" }, ReportFaq: { type: "string" }, ReportName: { type: "string" } } } }}<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 });