FineUI 布局宽度自适应,后台回调js方法

FineUI页面布局,宽度自适应

@(F.Panel().CssClass("blockpanel").ID("Panel1").Height(270).ShowBorder(false).Layout(LayoutType.HBox).BodyPadding(5).BoxConfigChildMargin("0 5 0 0").ShowHeader(false)
        .Items(
            F.Panel().ID("Panel1").Title("面板1").BoxFlex(1).BodyPadding(0).ShowBorder(true).ShowHeader(false)
                .Items(
                 F.HiddenField().ID("Hidden").Text("ZHNY"),
                 F.TabStrip().CssClass("blockpanel").ID("TabStrip1").Height(270).ShowBorder(false).TabPosition(TabPosition.Top).EnableTabCloseMenu(false).ActiveTabIndex(0)
                  .Tabs(
                    F.Tab().Title("").ID("TabDay").BodyPadding(10),//.ContentEl("#dayContainer"),                        
                    F.Tab().Title("").ID("TabWeek").BodyPadding(10),//.ContentEl("#weekContainer"),                        
                    F.Tab().Title("").ID("TabMonth").BodyPadding(10)                        
                        ).OnTabIndexChanged(Url.Action("ChangeTabRefresh"), new Parameter[] { new Parameter("activeIndex", "F.ui.TabStripZHNY.getActiveTabIndex()"), new Parameter("airport", "F.ui.HiddenZHNY.getText()") })
                   ),  
            F.Panel().ID("Panel2").Title("面板2").Width(530).BodyPadding(0).ShowBorder(true).ShowHeader(false)
                .Items(
                     F.HiddenField().ID("Hidden").Text("ZHLY"),
                     F.TabStrip().CssClass("blockpanel").ID("TabStrip2").Height(270).ShowBorder(false).TabPosition(TabPosition.Top).EnableTabCloseMenu(false).ActiveTabIndex(0)
                      .Tabs(
                        F.Tab().Title("").ID("TabDay2").BodyPadding(10),
                        F.Tab().Title("").ID("TabWeek2").BodyPadding(10),
                        F.Tab().Title("").ID("TabMonth2").BodyPadding(10)
                            ).OnTabIndexChanged(Url.Action("ChangeTabRefresh"), new Parameter[] { new Parameter("activeIndex", "F.ui.TabStripZHLY.getActiveTabIndex()"), new Parameter("airport", "F.ui.HiddenZHLY.getText()") })
                 ), 
            F.Panel().ID("Panel3").Title("面板3").BoxFlex(1).BodyPadding(0).Margin(0).ShowBorder(true).ShowHeader(false)
               .Items(
                     F.HiddenField().ID("Hidden3").Text("ZBYC"),
                     F.TabStrip().CssClass("blockpanel3").ID("TabStripZBYC").Height(270).ShowBorder(false).TabPosition(TabPosition.Top).EnableTabCloseMenu(false).ActiveTabIndex(0)
                      .Tabs(
                        F.Tab().Title("日报").ID("TabDay3").BodyPadding(10),
                        F.Tab().Title("周报").ID("TabWeek3").BodyPadding(10),
                        F.Tab().Title("月报").ID("TabMonth3").BodyPadding(10)
                            ).OnTabIndexChanged(Url.Action("ChangeTabRefresh"), new Parameter[] { new Parameter("activeIndex", "F.ui.TabStripZBYC.getActiveTabIndex()"), new Parameter("airport", "F.ui.HiddenZBYC.getText()") })
                 )  
        )
)
    <br>

后台调用前台JS方法

public ActionResult ChangeTabRefresh(int activeIndex,string airport)
{
//调用前台方法,不同的ajax
string scripts = string.Format("ReturnParameters('{0}','{1}')", activeIndex, airport);
PageContext.RegisterStartupScript(scripts);
return UIHelper.Result();
}

posted on 2018-08-29 14:48  沫丶灬沫  阅读(1011)  评论(0编辑  收藏  举报