示例#1
0
        static void OnReady()
        {
            var data = new JsArray<DropDownListConfiguration> { 
                        new DropDownListConfiguration {text = "The Shawshank Redemption", value ="1"},
                        new DropDownListConfiguration {text = "The Godfather", value ="2"},
                        new DropDownListConfiguration {text = "The Godfather = Part II", value ="3"},
                        new DropDownListConfiguration {text = "Il buono, il brutto, il cattivo.", value ="4"},
                        new DropDownListConfiguration {text = "Pulp Fiction", value ="5"},
                        new DropDownListConfiguration {text = "12 Angry Men", value ="6"},
                        new DropDownListConfiguration {text = "Schindler's List", value ="7"},
                        new DropDownListConfiguration {text = "One Flew Over the Cuckoo's Nest", value ="8"},
                        new DropDownListConfiguration {text = "Inception", value ="9"},
                        new DropDownListConfiguration {text = "The Dark Knight", value ="10"}
              };

            new jQuery("#products").kendoDropDownList(new DropDownListConfiguration
            {
                dataTextField = "text",
                dataValueField = "value",
                dataSourceObject = data
            })
                          .closest(".k-widget")
                          .attr("id", "products_wrapper");

            var dropdownlist = new jQuery("#products").data("kendoDropDownList").As<DropDownList>();
            JsAction<Event> setValue = e =>
            {
                if (e.type != "keypress" || Kendo.keys.ENTER == e.keyCode)
                    dropdownlist.value(new jQuery("#value").val().As<JsString>());
            },
            setIndex = e =>
            {
                if (e.type != "keypress" || Kendo.keys.ENTER == e.keyCode)
                {
                    var index = int.Parse(new jQuery("#index").val().As<JsString>());
                    dropdownlist.select(index);
                }
            },
            setSearch = e =>
            {
                if (e.type != "keypress" || Kendo.keys.ENTER == e.keyCode)
                    dropdownlist.search(new jQuery("#word").val().As<JsString>());
            };

            new jQuery("#enable").click(() => dropdownlist.enable());
            new jQuery("#disable").click(() =>dropdownlist.enable(false));
            new jQuery("#open").click(() => dropdownlist.open());
            new jQuery("#close").click(() => dropdownlist.close());
            new jQuery("#getValue").click(() => HtmlContext.window.alert(dropdownlist.value()));
            new jQuery("#getText").click(() => HtmlContext.window.alert(dropdownlist.text()));
            new jQuery("#setValue").click(setValue);
            new jQuery("#value").keypress(setValue);
            new jQuery("#select").click(setIndex);
            new jQuery("#index").keypress(setIndex);
            new jQuery("#find").click(setSearch);
            new jQuery("#word").keypress(setSearch);
        }
示例#2
0
        static void OnReady()
        {
            new jQuery("#editor").kendoEditor();

            var editor = new jQuery("#editor").data("kendoEditor").As<Editor>();

            JsAction setValue = () =>
                editor.value(new jQuery("#value").val().As<JsString>());
            
            new jQuery("#get").click(() => HtmlContext.window.alert(editor.value()));
            new jQuery("#set").click(setValue);

        }
示例#3
0
        static void OnReady()
        {
            // create ComboBox from input HTML element
            new jQuery("#input").kendoComboBox(new ComboBoxConfiguration
            {
                dataTextField = " text",
                dataValueField = "value",
                dataSourceObject = new JsArray<ComboBoxConfiguration> {
                    new ComboBoxConfiguration { text = "Cotton", value = "1"},
                    new ComboBoxConfiguration { text = "Polyester", value = "2" },
                            new ComboBoxConfiguration{ text = "Cotton/Polyester", value = "3" },
                            new ComboBoxConfiguration{ text = "Rib Knit", value = "4" }
                },
                filter = "contains",
                suggest = true,
                index = 3
            });
            // create ComboBox from select HTML element
            new jQuery("#select").kendoComboBox();

            var input = new jQuery("#input").data("kendoComboBox").As<ComboBox>();
            var select = new jQuery("#select").data("kendoComboBox").As<ComboBox>();


            new jQuery("#get").click(() => HtmlContext.window.alert("Thank you! Your Choice is:\n\nFabric ID: " + input.value() + " and Size: " + select.value()));
        }
示例#4
0
        static void OnReady()
        {

            new jQuery("#numerictextbox").kendoNumericTextBox();

            var numerictextbox = new jQuery("#numerictextbox").data("kendoNumericTextBox").As<NumericTextBox>();

            JsAction setValue = () => numerictextbox.value(new jQuery("#value").val().As<JsString>());
            new jQuery("#enable").click(() => numerictextbox.enable());
            new jQuery("#disable").click(() => numerictextbox.enable(false));
            new jQuery("#value").kendoNumericTextBox(new NumericTextBoxConfiguration
            {
                change = e=>setValue()
            });
            new jQuery("#set").click(setValue);
            new jQuery("#get").click(() => HtmlContext.window.alert(numerictextbox.value()));
        }
示例#5
0
        static void OnReady()
        {
            new jQuery("#datepicker").kendoDatePicker()
                .closest(".k-widget")
                .attr("id", "datepicker_wrapper");

            var datepicker = new jQuery("#datepicker").data("kendoDatePicker").As<DatePicker>();
            JsAction setValue = () => datepicker.value(new jQuery("#value").val().As<JsString>());
            new jQuery("#enable").click(() => datepicker.enable());
            new jQuery("#disable").click(() => datepicker.enable(false));
            new jQuery("#open").click(() => datepicker.open());
            new jQuery("#close").click(() => datepicker.close());
            new jQuery("#value").kendoDatePicker(new DatePickerConfiguration
            {
                change = setValue
            });
            new jQuery("#set").click(setValue);
            new jQuery("#get").click(() =>
                HtmlContext.window.alert(datepicker.value()));
        }
示例#6
0
        static void OnReady()
        {
            new jQuery("#calendar").kendoCalendar();
            var calendar = new jQuery("#calendar").data("kendoCalendar").As<Calendar>();
            calendar.value(new JsDate());
            JsAction navigate = () =>
            {
                var value = new jQuery("#direction").val().As<JsString>();
                switch (value)
                {
                    case "up":
                        calendar.navigateUp();
                        break;
                    case "down":
                        calendar.navigateDown(calendar.value());
                        break;
                    case "past":
                        calendar.navigateToPast();
                        break;
                    default:
                        calendar.navigateToFuture();
                        break;
                };
            };
            JsAction setValue = () => calendar.value(new jQuery("#value").val().As<JsString>());
            new jQuery("#get").click(() =>
                           HtmlContext.window.alert(calendar.value()));

            new jQuery("#value").kendoDatePicker(new DatePickerConfiguration
            {
                change = setValue
            });
            new jQuery("#set").click(setValue);
            new jQuery("#direction").kendoDropDownList(new DropDownListConfiguration
            {
                change = navigate
            });
            new jQuery("#navigate").click(navigate);
        }