FineUI 布局宽度自适应,后台回调js方法
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方法的更多相关文章
- css实现div两列布局——左侧宽度固定,右侧宽度自适应(两种方法)
原文:css实现div两列布局--左侧宽度固定,右侧宽度自适应(两种方法) 1.应用场景 左侧一个导航栏宽度固定,右侧内容根据用户浏览器窗口宽度进行自适应 2.思路 首先把这个问题分步解决,需要攻克以 ...
- CSS两列布局——左侧宽度固定,右侧宽度自适应的3种方法
1.左侧绝对定位法 直接看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charse ...
- DIV+CSS布局中自适应高度的解决方法
div乱跑问题 (文件<DIV+CSS布局中自适应高度的解决方法.rar>) float 是个很危险的东西 得小心使用 本来有一很好的关于CSS+DIV的论坛 不过现在关门了 甚是可 ...
- 实现三个div,固定左右两边的div宽为200,中间的div宽度自适应的四种方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- css布局宽度自适应
随着各种终端的不断涌现,网页中的元素适应不同的分辨率变得特别重要,根据经验,涉及到宽度自适应的一共有四种情况: 左端固定,右边自适应:右端固定,左边自适应:两端固定,中间自适应:中间固定,两端自适应. ...
- ASP.net绑定文本框Enter事件到按钮 ASP.NET执行后台执行JS方法
txtAccountBarcode.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if (( ...
- Asp.net 后台调用js方法(转)
1. 用Response.Write方法 代码如下: Response.Write("<script type='text/javascript'>alert("XXX ...
- C#后台调用js方法无效果,未解决。
this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "<script> ...
- Asp.net 后台调用js方法
购物车实现逻辑简单.代码量也很少,具体细节就不说了,使用的时候,只要把MockDB类稍微改改,因为它是商品数据入口,为实现分布式部署,实际应用时可以更改为从服务调用,如:Web Service.WCF ...
随机推荐
- CVPR2013总结
前不久CVPR的结果出来了,首先恭喜我一个已经毕业工作的师弟中了一篇文章.完整的文章列表已经在CVPR的主页上公布了(链接),今天把其中一些感兴趣的整理一下,虽然论文下载的链接大部分还都没出来,不过可 ...
- adb错误 - INSTALL_FAILED_NO_MATCHING_ABIS
#背景 换组啦,去了UC国际浏览器,被拥抱变化了.还在熟悉阶段,尝试了下adb,然后就碰到了这个INSTALL_FAILED_NO_MATCHING_ABIS的坑... #解决方法 INSTALL_F ...
- ASP.NET SignalR Troubeshooting
method could not be resolved 场景: Javascript客户端不生成代理,调用服务端方法. 按照官网文档的用法: contosoChatHubProxy.invoke(' ...
- 转---移动端 h5开发相关内容总结——CSS篇
作者:伯乐在线专栏作者 - zhiqiang21 如有好文章投稿,请点击 → 这里了解详情 如需转载,发送「转载」二字查看说明 1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 meta ...
- Html 常见meta
html 的meta标签对网页渲染及SEO搜索引擎起着不可忽视的作用.详细的写法一段时间不写,容易忘,所以整理了一下,方便需要时查看. <!DOCTYPE html> <!-- 使用 ...
- centos docker 安装笔记
安装epel rpm -ivh http://dl.fedoraproject.org/pub/epel/6/i386/epel-release-6-8.noarch.rpm rpm --import ...
- tkinter的grid布局中合并单元格
rowspan 合并多行,比如:Label(root,text="table",width=10,height=2,),grid(row=0,column=0,rowspan=2 ...
- POJ 2546
#include<iostream> #include<numeric> #include<iomanip> #include<algorithm> # ...
- 12-02 java String类
String构造方法 package cn.itcast_01; /* * 字符串:就是由多个字符组成的一串数据.也可以看成是一个字符数组. * 通过查看API,我们可以知道 * A:字符串字面值&q ...
- 09-01 Java final,多态,抽象类,接口
final /* final可以修饰类,方法,变量 特点: final可以修饰类,该类不能被继承. final可以修饰方法,该方法不能被重写.(覆盖,复写) final可以修饰变量,该变量不能被重新赋 ...