or
//Parent Dropdown $("#Type").kendoDropDownList({ dataTextField: "TypeDescription", dataValueField: "TypeID", autoBind: false, optionLabel: "Select Type...", dataSource: [ { TypeDescription: "RoleType1", TypeID: 201 }, { TypeDescription: "RoleType2", TypeID: 202 }, { TypeDescription: "RoleType3", TypeID: 203 } ], index: 1 });//Child Dropdown $("#Role").kendoDropDownList({ cascadeFrom: "Type", // cascadeFromField: "parentId", dataTextField: "RoleDescription", dataValueField: "RoleID", autoBind: false, optionLabel: "Select Role...", dataSource: { data: [ { RoleDescription: "Role1", RoleID: 101, TypeID: 201 }, { RoleDescription: "Role2", RoleID: 102, TypeID: 202 }, { RoleDescription: "Role3", RoleID: 103, TypeID: 202 }, { RoleDescription: "Role4", RoleID: 104, TypeID: 202 }, { RoleDescription: "Role5", RoleID: 105, TypeID: 203 } ], filter: { "field": "RoleDescription", "operator": function (item) { var data = $("#roleGrid").data("kendoGrid").dataSource.data(); var status = true; if (e.model.isNew()) { for (var j = 0; j < data.length; j++) { if (item == data[j].Role.RoleDescription) { status = false; break; } } } return status; } } }, index: 1 });//role Grid data source roledataSource = new kendo.data.DataSource({ data: e.model.Roles, pageSize: 10, serverPaging: false, serverFiltering: false, serverSorting: false, schema: { model: { id: "RoleID", Role: "Role", Type: "Type", fields: { RoleID: { type: "int" }, Role: { defaultValue: { Value: "", Text: "" } }, Type: { defaultValue: { Value: "", Text: "" } }, } } } });//Role model public class RoleType { public string TypeDescription { get; set; } public int TypeID { get; set; } } public class Role { public string RoleDescription { get; set; } public int RoleID { get; set; } } public class RoleModel { public int RoleID { get; set; } public Role Role { get; set; } public RoleType Type { get; set; } }
<script>
$(document).ready(function () {
var sliderTimePush = jQuery("#sliderTimePush").kendoSlider({ increaseButtonTitle: "Right", decreaseButtonTitle: "Left", showButtons: true, min: 1, max: 7, largeStep: 1, tooltip: { enabled: false }, orientation: "horizontal" });
});
</script>
<input id="sliderTimePush" class="balSlider" value="0" />
<script> $(document).ready(function () {var sliderTimePush = jQuery("#sliderTimePush").kendoRangeSlider({ increaseButtonTitle: "Right", decreaseButtonTitle: "Left", showButtons: true, min: 1, max: 7, largeStep: 1, tooltip: { enabled: false }, orientation: "horizontal" }); });</script> <input id="sliderTimePush" class="balSlider" value="0" />var sliderTimePush = jQuery("#sliderTimePush").kendoRangeSlider()({ min: 0, max: 10, smallStep: 1, largeStep: 2, tickPlacement: "both"});edit: function(e) { if (e.model.isNew()) { e.model.QuantityAvailable = 1; }}edit: function(e) { if (e.model.isNew()) { e.model.QuantityAvailable = 1; var row = e.container.parent(); row.find("td:nth-child(2)").text(e.model.QuantityAvailable); }}