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

FineUI 布局宽度自适应,后台回调js方法的更多相关文章

  1. css实现div两列布局——左侧宽度固定,右侧宽度自适应(两种方法)

    原文:css实现div两列布局--左侧宽度固定,右侧宽度自适应(两种方法) 1.应用场景 左侧一个导航栏宽度固定,右侧内容根据用户浏览器窗口宽度进行自适应 2.思路 首先把这个问题分步解决,需要攻克以 ...

  2. CSS两列布局——左侧宽度固定,右侧宽度自适应的3种方法

    1.左侧绝对定位法 直接看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charse ...

  3. DIV+CSS布局中自适应高度的解决方法

    div乱跑问题  (文件<DIV+CSS布局中自适应高度的解决方法.rar>)   float 是个很危险的东西 得小心使用 本来有一很好的关于CSS+DIV的论坛 不过现在关门了 甚是可 ...

  4. 实现三个div,固定左右两边的div宽为200,中间的div宽度自适应的四种方法

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. css布局宽度自适应

    随着各种终端的不断涌现,网页中的元素适应不同的分辨率变得特别重要,根据经验,涉及到宽度自适应的一共有四种情况: 左端固定,右边自适应:右端固定,左边自适应:两端固定,中间自适应:中间固定,两端自适应. ...

  6. ASP.net绑定文本框Enter事件到按钮 ASP.NET执行后台执行JS方法

    txtAccountBarcode.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if (( ...

  7. Asp.net 后台调用js方法(转)

    1. 用Response.Write方法 代码如下: Response.Write("<script type='text/javascript'>alert("XXX ...

  8. C#后台调用js方法无效果,未解决。

    this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "<script> ...

  9. Asp.net 后台调用js方法

    购物车实现逻辑简单.代码量也很少,具体细节就不说了,使用的时候,只要把MockDB类稍微改改,因为它是商品数据入口,为实现分布式部署,实际应用时可以更改为从服务调用,如:Web Service.WCF ...

随机推荐

  1. 应该知道的Linux技巧【转】

    这篇文章来源于Quroa的一个问答<What are some time-saving tips that every Linux user should know?>—— Linux用户 ...

  2. C#爬取京东手机数据+PowerBI数据可视化展示

    此系列博文链接 C#爬虫基本知识 Html Agility Pack解析html TODO: EF6中基本认识. EF6操作mysql MySQL乱码问题 C#爬虫 在开头贴一下github仓库地址, ...

  3. [leetcode.com]算法题目 - Same Tree

    Given two binary trees, write a function to check if they are equal or not. Two binary trees are con ...

  4. Android-----application的学习

    一.Application的对象回调函数 1.onCreate : Application对象被创建时候会调用 2.onConfigurationChanged : 屏幕方向变化.系统语言的更改等 3 ...

  5. 【文文殿下】[AH2017/HNOI2017]礼物

    题解 二项式展开,然后暴力FFT就好了.会发现有一个卷积与c无关,我们找一个最小的项就行了. Tips:记得要倍长其中一个数组,防止FFT出锅 代码如下: #include<bits/stdc+ ...

  6. 牛客第二场 C.message(计算几何+二分)

    题目传送:https://www.nowcoder.com/acm/contest/140/C 题意:有n个云层,每个云层可以表示为y=ax+b.每个飞机的航线可以表示为时间x时,坐标为(x,cx+d ...

  7. Python staticmethod classmethod 普通方法 类变量 实例变量 cls self 概念与区别

    类变量 1.需要在一个类的各个对象间交互,即需要一个数据对象为整个类而非某个对象服务. 2.同时又力求不破坏类的封装性,即要求此成员隐藏在类的内部,对外不可见. 3.有独立的存储区,属于整个类.   ...

  8. cpu负载的探讨 (转)

    文章出处:http://blog.chinaunix.net/uid-12693781-id-368837.html 摘要:确定cpu的负载的定义,帮助管理员设置cpu负载阀值,推测可能的导致cpu负 ...

  9. Docker 镜像安装 GitLab 中文社区版

    docker run \ --detach \ --publish : \ --publish : \ --name gitlab \ --restart unless-stopped \ --vol ...

  10. ElasticSearch入门3: 高级查询

    单字段 模糊匹配查询与精准查询 postman请求 POST 127.0.0.1:9200/book/_search 请求json: { "query":{ "match ...