zoukankan      html  css  js  c++  java
  • 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();
    }

  • 相关阅读:
    Vue中父子组件的通讯
    字符串svg代码转 base64 url
    Vue 中封装 websocket
    vue中使用Echarts,销毁原有的图表进行重新赋值
    Vue中常用表格(增删改查)
    刷新组件
    hdu1272小希的迷宫(并查集+判环)
    九余数定理
    Runtime Error可能的情况
    hdu2035 人见人爱A^B题解
  • 原文地址:https://www.cnblogs.com/lcidy/p/9554239.html
Copyright © 2011-2022 走看看