FineUI 官方论坛

标题: 【已解决】子面板无法显示工具栏 [打印本页]
作者: 孤独的夜行者    时间: 2017-4-6 11:11
标题: 【已解决】子面板无法显示工具栏
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    时间: 2017-4-6 11:45
请基于上传完整页面 Razor 代码文件
作者: 孤独的夜行者    时间: 2017-4-6 12:07
本帖最后由 孤独的夜行者 于 2017-4-6 12:09 编辑

已经上传，回复居然被隐藏了！
作者: 孤独的夜行者    时间: 2017-4-6 12:08
已经上传，回复居然被隐藏了！
作者: sanshi    时间: 2017-4-6 16:09
孤独的夜行者 发表于 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),

  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")

  30.                         )
  31.             )
  32.         )
复制代码



[attach]10031[/attach]

[attach]10032[/attach]
作者: 孤独的夜行者    时间: 2017-4-6 16:59
感谢！！！




欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4