开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 7899|回复: 2

.net core中DevExtreme.Drawer点菜单页面加载异常

[复制链接]

0

精华

0

贡献

85

赞扬

帖子
39
软币
291
在线时间
20 小时
注册时间
2015-12-29
发表于 2020-5-25 10:16:21 | 显示全部楼层 |阅读模式
有没有用过Drawer控件的,左侧treeview菜单,右侧加载页面,但是点菜单的时候控件跳出去了。
index.cshtml
-----------------------------------------------------------------------------------------------------------------
<div class="toolbar">
    @(Html.DevExtreme().Toolbar()
                            .Items(items =>
                            {
                                items.Add()
                                    .Widget(w => w
                                    .Button()
                                    .Icon("menu")
                                    .OnClick("openButton_click")
                                    )
                            .Location(ToolbarItemLocation.Before);
                            })
            )
</div>

<div class="drawer">
    @(Html.DevExtreme().Drawer()
                        .ID("drawer")
                        .OpenedStateMode(DrawerOpenedStateMode.Push)
                        .Opened(true)
                        .Height(new JS("height"))
                        .Position(DrawerPosition.Left)
                        .RevealMode(DrawerRevealMode.Slide)
                        .CloseOnOutsideClick(false)
                        .Content(@<text >

                                        <div id="rightContent"></div>

                                  </text>)
                        .Template(@<text>
                                   <div class="left-content">
                                        @(Html.DevExtreme().TreeView()
                                            .ID("myTreeViewId")
                                            .DataSource(d=>d.Mvc().Controller("Home").LoadAction("GetMenu"))
                                            .KeyExpr("id")
                                            .ParentIdExpr("parentId")
                                            .ExpandAllEnabled(false)
                                            .FocusStateEnabled(true)
                                            .SelectNodesRecursive(true)
                                            .SelectionMode(NavSelectionMode.Single)
                                            .SelectByClick(true)
                                            .SelectNodesRecursive(true)
                                            .SearchEnabled(true)
                                            .RootValue(String.Empty)
                                            .DataStructure(TreeViewDataStructure.Plain)
                                            .ElementAttr("class", "dx-theme-accent-as-background-color")
                                            .OnItemClick("onItemClick")
                                            )

                                    </div>
                                   </text>)

            )
</div>

--------------------------------------------------------------------------------------------

TabPanel.cshtml
@{
    Layout = null;
}
@(Html.DevExtreme().TabPanel()
    .ID("tabpanel-container")
    .DataSource(d => d.Mvc().LoadAction("GetTabList"))
    .Height(900)
    .Width(1200)
    .SelectedIndex(0)
    .FocusStateEnabled(true)
    //.ScrollByContent(true)
    //.ScrollingEnabled(true)
    //.Loop(false)
    //.AnimationEnabled(true)
    //.SwipeEnabled(true)
    .ItemTitleTemplate(@<text><%=Title%></text>)
    .ItemTemplate(@<text><div id="<%= Template %>"></div>
                         <script>
                             var view = '<%= Template %>';
                             var urlString = "User/" + view.substring(16, 20);
                             $("#<%= Template %>").load(urlString);
                         </script>
                  </text>)
)

------------------------------------------------------------------------------------------------



菜单初始化

菜单初始化

点击菜单后

点击菜单后
回复

使用道具 举报

0

精华

0

贡献

85

赞扬

帖子
39
软币
291
在线时间
20 小时
注册时间
2015-12-29
 楼主| 发表于 2020-5-25 10:16:54 | 显示全部楼层
有大佬知道怎么回事吗?
回复

使用道具 举报

0

精华

0

贡献

85

赞扬

帖子
39
软币
291
在线时间
20 小时
注册时间
2015-12-29
 楼主| 发表于 2020-5-25 10:17:54 | 显示全部楼层

有大佬知道怎么回事吗?
回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2024-12-22 13:16

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表