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/) Powered by Discuz! X3.4