0

这是我拥有的代码和菜单显示。

                @(Html.Kendo().Menu()
                    .Name("MainMenu")
                    .BindTo(_userMenu.UserMenuItems, mappings =>
                    {
                        mappings.For<UserMenuItemModel>(binding => binding.ItemDataBound((item, UserMenuItemModel) =>
                        {
                            item.Text = UserMenuItemModel.Description;
                            item.ActionName = UserMenuItemModel.ActionName;
                            item.ControllerName = UserMenuItemModel.ControllerName;
                            item.HtmlAttributes = (new { data-ajax = "true",  });
                        })
                   .Children(UserMenuItemModel => UserMenuItemModel.SubMenuItems));
            mappings.For<UserMenuItemModel>(binding => binding.ItemDataBound((item, UserMenuItemModel) =>
            {
                item.Text = UserMenuItemModel.Description;
                item.ActionName = UserMenuItemModel.ActionName;
                item.ControllerName = UserMenuItemModel.ControllerName;

            }));
            })                
            )

但是，单击一个项目会进行非 ajax 调用，这在我们的体系结构中不起作用。

基本上，使用剑道菜单项，我正在拍摄具有与此功能完全相同的链接。

                <li>
                @Ajax.ActionLink(item.Description, item.ActionName, item.ControllerName, ajaxMainMenuOptions)
            </li>

我以为我将能够为每个项目设置 HTMLAttributes，但这是只读的。

我们的动态菜单是分层的，没有级别限制。我正在从另一个角度使用递归部分页面，但在使用 CSS 时遇到了很多麻烦。

剑道菜单绑定到我们的自引用模型非常简单，我只需要弄清楚如何让它进行 Ajax.ActionLink 调用。

非常感谢任何指针。

谢谢。

4

1 回答 1

0

刚刚意识到属性有一个添加。

这似乎是我们的目标。

  @(Html.Kendo().Menu()
                    .Name("MainMenu")
                    .BindTo(_userMenu.UserMenuItems, mappings =>
                    {
                        mappings.For<UserMenuItemModel>(binding => binding.ItemDataBound((item, UserMenuItemModel) =>
                        {
                            item.Text = UserMenuItemModel.Description;
                            item.ActionName = UserMenuItemModel.ActionName;
                            item.ControllerName = UserMenuItemModel.ControllerName;
                            item.LinkHtmlAttributes.Add("data-ajax", "true");
                            item.LinkHtmlAttributes.Add("data-ajax-method", "GET");
                            item.LinkHtmlAttributes.Add("data-ajax-mode", "replace");
                            item.LinkHtmlAttributes.Add("data-ajax-update", "#MainBody");



                        })
                   .Children(UserMenuItemModel => UserMenuItemModel.SubMenuItems));
                        mappings.For<UserMenuItemModel>(binding => binding.ItemDataBound((item, UserMenuItemModel) =>
                        {
                            item.Text = UserMenuItemModel.Description;
                            item.ActionName = UserMenuItemModel.ActionName;
                            item.ControllerName = UserMenuItemModel.ControllerName;
                            item.LinkHtmlAttributes.Add("data-ajax", "true");
                            item.LinkHtmlAttributes.Add("data-ajax-method", "GET");
                            item.LinkHtmlAttributes.Add("data-ajax-mode", "replace");
                            item.LinkHtmlAttributes.Add("data-ajax-update", "#MainBody");

                        }));
                    })
            )

对于其他人来说，这是一个使用分层、自引用模型构建的完全动态菜单。UserMenuItemModel 包含一个列表

添加关键字是因为我真的从来没有发现过这样的东西，Kendo Menu Ajax ActionLink 分层自引用

希望这对其他人有帮助。

于 2016-02-17T18:55:17.143 回答