如何动态构建手风琴

xiaowengang · 发表于 2017-5-5 10:18:51

之前在fineui的时候，动态的对Accordion1加Panes就好了
            <f:Region ID="Region2" Split="true" Width="250px" ShowHeader="true" Title="菜单" EnableCollapse="true" Layout="Fit" Position="Left" runat="server">
                  <Items>
                     <f:Accordion ID="Accordion1" runat="server" ShowBorder="false" ShowHeader="false" ShowCollapseTool="true">
                        <Panes>
                        </Panes>
                     </f:Accordion>
                  </Items>
            </f:Region>

现在，在fineuimvc中，在Controller里面访问不到Accordion1了，应该怎样改呢？
下面是我在fineuimvc里面的手风琴代码，我加了个.Runat("server")但是在Controller里面还是访问不到Accordion1，要怎样改啊
@(F.RegionPanel()
      .ID("RegionPanel1")
      .ShowBorder(false)
      .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()
                     .ID("Accordion1")
                     .Runat("server")
                     .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)
      )

)

sanshi · 发表于 2017-5-5 12:16:22

参考示例：
http://fineui.com/demo_mvc/#/demo_mvc/Grid/DynamicColumns
http://fineui.com/demo_mvc/#/demo_mvc/Toolbar/MenuDynamic

xiaowengang · 发表于 2017-5-5 15:24:51

请问有没有可以动态加载手风琴面板的例子，不是指手风琴面板里面的内容，我想通过数据库中的表，动态控制手风琴的面板

xiaowengang · 发表于 2017-5-8 08:11:31

请问有没有可以动态加载手风琴面板的例子，不是指手风琴面板里面的内容，我想通过数据库中的表，动态控制手风琴的面板

capfhz · 发表于 2017-5-8 08:58:05

AppBox中有，捐助三湿兄就好，就可以获取AppBoxMvc所有源码

capfhz · 发表于 2017-5-8 09:00:31

      private Accordion InitAccordionMenu()
      {
         var power = GetLoginUserPowers ;
         Accordion accordion = new Accordion();
         accordion.ID = "accordionMenu";
         accordion.EnableFill = true;
         accordion.ShowBorder = false;
         accordion.ShowHeader = false;

chensy246 · 发表于 2017-5-9 10:11:02

其实可以参照fineui开源版加载XML的写法
首先是cshtml

其次是action中

如果要用tabpanel遍历所有的tree

chensy246 · 发表于 2017-5-9 10:12:56

如果要加载后台数据库写法也是差不多的

		自动登录	找回密码
密码			立即注册

如何动态构建手风琴

本帖子中包含更多资源