【已解决】子面板无法显示工具栏

孤独的夜行者

win7+VS2013+IE11

直接在在线示例源代码（1.20)上修改，Areas\Toolbar\Views\ToolbarMulti，添加子面板，并注释掉 ContentEl("#content1")

@(F.Panel()
        .AutoScroll(true)
        .EnableCollapse(true)
        .Title("面板")
        .Width(650)
        .Height(400)
        .BodyPadding(5)
        .Layout(LayoutType.Region)
        .ShowBorder(true)
                .Items
                (
                   F.Panel()
                   .ShowHeader(true)
                   .Title("123")
                   .Width(300)
                   .RegionPosition(Position.Left),

                    F.Panel()
                    .IsViewPort(true)
                   .ShowHeader(false)
                   .RegionPosition(Position.Right)
                   .Toolbars(
                       F.Toolbar()
                       .ToolbarAlign(Position.Right)
                        .Items(
                            F.Button()
                                .Text("TEST，靠左显示")
                                .ID("Button61")

                             )
                         )
                    )

。。。。。。。。。。。

那么，“Button61”不会显示，如果把ToolbarAlign设置成left，则可以。

sanshi

请基于上传完整页面 Razor 代码文件

孤独的夜行者

已经上传，回复居然被隐藏了！

孤独的夜行者

已经上传，回复居然被隐藏了！

sanshi

孤独的夜行者 发表于 2017-4-6 12:07
已经上传，回复居然被隐藏了！

解决方法：
1. 去掉面板的 .IsViewPort(true)，这个只能用在最外层的面板，会填充整个页面
2. Region布局中必须包含一个 Center

修改后的代码：

1. F.Panel()
   
2.         .AutoScroll(true)
   
3.         .EnableCollapse(true)
   
4.         .Title("面板")
   
5.         .Width(650)
   
6.         .Height(400)
   
7.         .BodyPadding(5)
   
8.         .Layout(LayoutType.Region)
   
9.         .ShowBorder(true)
   
10.         .Items
    
11.         (
    
12.             F.Panel()
    
13.             .ShowHeader(true)
    
14.             .Title("123")
    
15.             .Width(300)
    
16.             .RegionPosition(Position.Right),
    
17. 
    
18.             F.Panel()
    
19.             //.IsViewPort(true)
    
20.             .ShowHeader(false)
    
21.             .RegionPosition(Position.Center)
    
22.             .Toolbars(
    
23.                 F.Toolbar()
    
24.                 .ToolbarAlign(ToolbarAlign.Right)
    
25.                 .Items(
    
26.                     F.Button()
    
27.                         .Text("TEST，靠左显示")
    
28.                         .ID("Button61")
    
29. 
    
30.                         )
    
31.             )
    
32.         )

复制代码

孤独的夜行者

感谢！！！