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();
}