public MultiselectSample() { _select = new Select { Id = "mymulti", Class = "form-control", Multiple = true }; _toggle = new Button { Class = "btn btn-primary ml-2" }; _toggle.AppendChild(new TextNode("Toggle")); _select.AddOption("N", "North"); _select.AddOption("E", "East"); _select.AddOption("S", "South"); _select.AddOption("W", "West"); _toggle.On("click", app => { foreach (var child in _select.Children) { if (child is Option option) { option.Selected = !option.Selected; } } return(Task.CompletedTask); }); }
public SelectSample() { _select = new Select { Id = "myselect", Class = "form-control", }; _advance = new Button { Class = "btn btn-primary ml-2" }; _advance.AppendChild(new TextNode("Advance")); _select.AddOption("0", "Monday"); _select.AddOption("1", "Tuesday"); _select.AddOption("2", "Wednesday"); _select.AddOption("3", "Thursday"); _select.AddOption("4", "Friday"); _select.AddOption("5", "Saturday"); _select.AddOption("6", "Sunday"); _advance.On("click", app => { int.TryParse(_select.Value, NumberStyles.Any, CultureInfo.InvariantCulture, out int weekday); weekday = (weekday + 1) % 7; _select.Value = weekday.ToString(CultureInfo.InvariantCulture); return(Task.CompletedTask); }); }
public Element CreateElement() { var heading = new Heading("Draw"); var subtitle = new Paragraph("Click to draw a masterpiece"); var toolSel = new Select(); toolSel.AppendChild(new Option { Text = "Boxes", Value = "box" }); toolSel.AddOption("Circles", "circle"); var canvas = new Canvas { Width = 320, Height = 240, }; var context = canvas.GetContext2D(); canvas.Click += (s, e) => { var radius = 10; context.BeginPath(); if (toolSel.Value == "box") { context.Rect(e.OffsetX - radius, e.OffsetY - radius, 2 * radius, 2 * radius); } else { context.Arc(e.OffsetX, e.OffsetY, radius, 0, 2 * Math.PI, true); } context.Fill(); }; canvas.Style.Cursor = "pointer"; canvas.Style.BorderColor = "#CCC"; canvas.Style.BorderStyle = "solid"; canvas.Style.BorderWidth = "1px"; var clearbtn = new Button("Clear") { Type = ButtonType.Submit, ClassName = "btn btn-danger", }; clearbtn.Click += (s, e) => { context.ClearRect(0, 0, canvas.Width, canvas.Height); }; clearbtn.Style.Display = "block"; var app = new Div(); app.AppendChild(heading); app.AppendChild(subtitle); app.AppendChild(new Div(toolSel)); app.AppendChild(canvas); app.AppendChild(clearbtn); return(app); }
public static Select <THelper> AddOptions <THelper>(this Select <THelper> select, params object[] options) where THelper : BootstrapHelper <THelper> { select.Options.Clear(); foreach (object option in options) { select.AddOption(option); } return(select); }