FineUI页面布局,宽度自适应

@(F.Panel().CssClass("blockpanel").ID("Panel1").Height().ShowBorder(false).Layout(LayoutType.HBox).BodyPadding().BoxConfigChildMargin("0 5 0 0").ShowHeader(false)
.Items(
F.Panel().ID("Panel1").Title("面板1").BoxFlex().BodyPadding().ShowBorder(true).ShowHeader(false)
.Items(
F.HiddenField().ID("Hidden").Text("ZHNY"),
F.TabStrip().CssClass("blockpanel").ID("TabStrip1").Height().ShowBorder(false).TabPosition(TabPosition.Top).EnableTabCloseMenu(false).ActiveTabIndex()
.Tabs(
F.Tab().Title("日").ID("TabDay").BodyPadding(),//.ContentEl("#dayContainer"),
F.Tab().Title("周").ID("TabWeek").BodyPadding(),//.ContentEl("#weekContainer"),
F.Tab().Title("月").ID("TabMonth").BodyPadding()
).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().BodyPadding().ShowBorder(true).ShowHeader(false)
.Items(
F.HiddenField().ID("Hidden").Text("ZHLY"),
F.TabStrip().CssClass("blockpanel").ID("TabStrip2").Height().ShowBorder(false).TabPosition(TabPosition.Top).EnableTabCloseMenu(false).ActiveTabIndex()
.Tabs(
F.Tab().Title("日").ID("TabDay2").BodyPadding(),
F.Tab().Title("周").ID("TabWeek2").BodyPadding(),
F.Tab().Title("月").ID("TabMonth2").BodyPadding()
).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().BodyPadding().Margin().ShowBorder(true).ShowHeader(false)
.Items(
F.HiddenField().ID("Hidden3").Text("ZBYC"),
F.TabStrip().CssClass("blockpanel3").ID("TabStripZBYC").Height().ShowBorder(false).TabPosition(TabPosition.Top).EnableTabCloseMenu(false).ActiveTabIndex()
.Tabs(
F.Tab().Title("日报").ID("TabDay3").BodyPadding(),
F.Tab().Title("周报").ID("TabWeek3").BodyPadding(),
F.Tab().Title("月报").ID("TabMonth3").BodyPadding()
).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();
}

05-11 14:05
查看更多