コード例 #1
0
        public MenuListView <HorizontalMenuItem> AddHorizontalMenu(string id, HorizontalMenuOptions options, string width = null)
        {
            var listView = new MenuListView <HorizontalMenuItem>(Page)
            {
                Divided  = true,
                Inverted = true,
                Pointing = true,
                Vertical = true,
                Width    = width ?? DefaultWidth,
            };

            listView.Extensions.Add <Transition>();

            if (options.GetText != null)
            {
                options.RefreshItem = (item) =>
                {
                    var v = options.GetText(item.Id);
                    if (listView?.IsRemoved != false)
                    {
                        return;
                    }
                    item.Value = v;
                    listView.UpdateItem(item);
                };
            }

            listView.OnItemSelected += (item) =>
            {
                PopTo(id, true);
                options.OnSelected?.Invoke(item.Data);
            };

            HtmlControlBase mainContainer = listView;

            if (options.ShowSearchBox)
            {
                mainContainer = new Div(Page)
                {
                    Height  = "100%",
                    Classes = new List <string> {
                        "ui", "inverted", "segment"
                    }
                };

                var searchBox = new TextBox(Page)
                {
                    Placeholder     = "Search...",
                    InstantFeedback = TimeSpan.FromMilliseconds(50)
                };
                searchBox.OnTextChanged += (sender, previous, newText) =>
                {
                    newText = newText.ToLower();
                    foreach (var item in listView.Items.DataEnumerator)
                    {
                        if (item.Data.Name.ToLower().Contains(newText))
                        {
                            item.Container.Visible = VisibleState.Block;
                        }
                        else
                        {
                            item.Container.Visible = VisibleState.None;
                        }
                    }
                };


                mainContainer.Children.Add(new Div(Page)
                {
                    Classes = new List <string> {
                        "ui", "input"
                    },
                    Width    = width ?? DefaultWidth,
                    Height   = "40px",
                    Children = new List <Core.ControlBase>
                    {
                        searchBox
                    }
                });
                mainContainer.Children.Add(listView);
            }

            mainContainer.Height  = "100%";
            mainContainer.Visible = VisibleState.None;
            mainContainer.Float   = FloatDirection.Left;
            mainContainer.CssProperties.AddRange(new Dictionary <string, string>
            {
                ["margin-top"]   = "0px",
                ["margin-right"] = "3px",
                ["margin-left"]  = Stacks.Count == 0 ? "0px" : "3px",
                ["overflow-y"]   = "auto"
            });

            listView.OnGenerateItem += (HtmlControlBase container, HorizontalMenuItem obj) =>
            {
                container.Children.Clear();

                container.Children.Add(new Span(Page, obj.Name));
                if (!obj.RequireLoading)
                {
                    return;
                }

                if (obj.Value == null)
                {
                    container.Children.Add(new Html.LoadingIcon(Page));

                    Page.Manager.Invoke(() => options.RefreshItem(obj));
                }
                else
                {
                    container.Children.Add(new Span(Page, obj.Value)
                    {
                        Classes = new List <string> {
                            "ui", "label"
                        }
                    });
                }
            };


            Stacks.Push(new HorizontalStackItem()
            {
                Control = mainContainer,
                Id      = id,
                Tag     = options
            });
            Children.Add(mainContainer);


            //mainContainer.Transition(Transition.Animation.SlideRight);
            mainContainer.Visible = VisibleState.Block;

            if (options.PopulateListView != null)
            {
                Page.Manager.Invoke(() => options.PopulateListView(listView));
            }

            return(listView);
        }