FineUI 官方论坛

标题: 如何在页面上端加载显示一个TOP页 [打印本页]

作者: xiaowengang 时间: 2017-5-4 20:52
标题: 如何在页面上端加载显示一个TOP页
我有一个TOP页，想显示在http://fineui.com/demo_mvc/#/demo_mvc/Accordion/Tree的子页上面，怎么做的？就是项http://fineui.com/demo_mvc/页面的这种效果，怎么做

作者: xiaowengang 时间: 2017-5-4 20:53

我有一个TOP页，想显示在http://fineui.com/demo_mvc/#/demo_mvc/Accordion/Tree的子页上面，怎么做的？就是像http://fineui.com/demo_mvc/页面的这种效果，怎么做

作者: zy32002 时间: 2017-5-4 21:19
不知道你要做什么，请你表述清楚

作者: xiaowengang 时间: 2017-5-4 21:29
@{
ViewBag.SourceFiles = "~/Areas/Accordion/Views/Tree/DefaultPage.cshtml";
ViewBag.Title = "Accordion/Tree";
var F = @Html.F();
}

@functions {

/// <summary>
/// 改变节点的 Target 属性
/// </summary>
/// <param name="nodes"></param>
private void ResolveTreeNode(TreeNodeCollection nodes)
{
      foreach (TreeNode node in nodes)
      {
         if (node.Nodes.Count == 0)
         {
            if (!String.IsNullOrEmpty(node.NavigateUrl))
            {
                  node.Target = "accordionmainframe";
            }
         }
         else
         {
            ResolveTreeNode(node.Nodes);
         }
      }
}

}

@section body {

<div id="header" class="ui-widget-header f-mainheader">
      <iframe name="topFrame" scrolling="no" id="topFrame" title="topFrame"
            frameborder="0" style="width:100%;height:60px" src="/Home/Top"></iframe>
      </div>

                  @(F.RegionPanel()
      .ID("RegionPanel1")
      .ShowBorder(false)
      .Margin(5)
      .IsViewPort(true)
      .Regions(
         F.Region()
            .ID("Region2")
            .RegionSplit(true)
            .RegionSplitHeaderClass(false)
            .RegionPosition(Position.Left)
            .Width(200)
            .ShowHeader(false)
            .Title("目录")
            .EnableCollapse(true)
            .Layout(LayoutType.Fit)
            .Items(
                  F.Accordion()
                     .ShowBorder(false)
                     .ShowHeader(false)
                     .ShowCollapseTool(true)
                     .Panes(
                        F.AccordionPane()
                              .Title("面板一")
                              .IconUrl(Url.Content("~/res/images/16/1.png"))
                              .BodyPadding("2px 5px")
                              .Layout(LayoutType.Fit)
                              .Items(
                                 F.Tree()
                                    .ShowBorder(false)
                                    .ShowHeader(false)
                                    .ID("treeMenu")
                                    .DataSource(ViewBag.Tree1DataSource)
                              ),
                        F.AccordionPane()
                              .Title("面板二")
                              .IconUrl(Url.Content("~/res/images/16/4.png"))
                              .BodyPadding("2px 5px")
                              .Items(
                                 F.Label()
                                    .Text("面板二中的文本")
                              )
                     )
            ),
         F.Region()
            .ID("Region3")
            .ShowHeader(false)
            .EnableIFrame(true)
            .IFrameUrl(Url.Content("~/Accordion/Tree/DefaultPage"))
            .IFrameName("accordionmainframe")
            .RegionPosition(Position.Center)
      )
                  )

                  @{
                     Tree tree = F.GetControl<Tree>("treeMenu");

                     ResolveTreeNode(tree.Nodes);
                  }

}

作者: xiaowengang 时间: 2017-5-4 21:31
我想在这个显示页面的顶上加个TOP页面，
<div id="header" class="ui-widget-header f-mainheader">
      <iframe name="topFrame" scrolling="no" id="topFrame" title="topFrame"
            frameborder="0" style="width:100%;height:60px" src="/Home/Top"></iframe>
      </div>
我现在发现，我的这个页面每次都被之前的页面当住了，这个要怎么调整

作者: xiaowengang 时间: 2017-5-5 08:15
我找到原因了，在 @(F.RegionPanel()中加一个页面就好了
@section body {

<div id="header" class="ui-widget-header f-mainheader">
<table>
      <tr>
         <td style="font:100;color:red;height:100px">
            我把顶端加了个页面
         </td>
      </tr>
</table>
</div>

@(F.RegionPanel()
      .ID("RegionPanel1")
      .ShowBorder(false)
      .Margin(5)
      .IsViewPort(true)
      .Regions(
         F.Region()
            .ID("Region1")
            .ShowBorder(false)
            .ShowHeader(false)
            .RegionPosition(Position.Top)
            .Layout(LayoutType.Fit)
            .ContentEl("#header"),
         F.Region()
            .ID("Region2")
            .RegionSplit(true)
            .RegionSplitHeaderClass(false)
            .RegionPosition(Position.Left)
            .Width(200)
            .ShowHeader(false)
            .Title("目录")
            .EnableCollapse(true)
            .Layout(LayoutType.Fit)
            .Items(
                  F.Accordion()
                     .ShowBorder(false)
                     .ShowHeader(false)
                     .ShowCollapseTool(true)
                     .Panes(
                        F.AccordionPane()
                              .Title("面板一")
                              .IconUrl(Url.Content("~/res/images/16/1.png"))
                              .BodyPadding("2px 5px")
                              .Layout(LayoutType.Fit)
                              .Items(
                                 F.Tree()
                                    .ShowBorder(false)
                                    .ShowHeader(false)
                                    .ID("treeMenu")
                                    .DataSource(ViewBag.Tree1DataSource)
                              ),
                        F.AccordionPane()
                              .Title("面板二")
                              .IconUrl(Url.Content("~/res/images/16/4.png"))
                              .BodyPadding("2px 5px")
                              .Items(
                                 F.Label()
                                    .Text("面板二中的文本")
                              )
                     )
            ),
         F.Region()
            .ID("Region3")
            .ShowHeader(false)
            .EnableIFrame(true)
            .IFrameUrl(Url.Content("~/Accordion/Tree/DefaultPage"))
            .IFrameName("accordionmainframe")
            .RegionPosition(Position.Center)
      )
)

@{
      Tree tree = F.GetControl<Tree>("treeMenu");

      ResolveTreeNode(tree.Nodes);
}

}

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)