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 ...
随机推荐
- csdn 不登录浏览全文 chrome 浏览器
1将此文章存到书签栏. 2 右键点击保存到书签栏的这个书签,然后点击修改. 3 名称改为:CSDN查看全文,网址改为: javascript:$("#article_content" ...
- 在线安装WordPress更新 失败的解决办法
1. 登录ftp登录不上 , 总是登录失败 在服务器上新建了一个vsftpd服务器,并设置了相应的虚拟用户,修改chroot到网站目录 相关连接:https://blog.csdn.net/zhan ...
- 类库中使用WPF 资源文件
1.类库的 后缀.csproj文件,第一个<PropertyGroup>中加入下面代码 <ProjectTypeGuids>{60dc8134-eba5-43b8-bcc9-b ...
- UWP 查找模板中的控件
这个标题我也不知道咋起,意思说一下你就明白. 1. 对官方控件的模板进行定制修改,以满足多样化需求,还有漂亮的UI 比如ListView,GridView等. 2. 在设计的情况下并没有这个控件,而在 ...
- 设计模式:Builder
简介 建造者模式(Builder),将一个复杂对象的表示和它的构建分离,这样同样的构造过程可以创建出不同的对象状态. 类图 下面的Product是要创建的对象的目标类型,产品. Builder 创建一 ...
- Python random模块 获取随机数的使用
random.randomrandom.random()用于生成一个0到1的随机符点数: 0 <= n < 1.0 random.uniformrandom.uniform(a, b),用 ...
- day02 基本数据类型与运算符
day02 1.基本数据类型 2.算术运算符 +,-,*,/,%,++,-- 3.赋值运算符 =,+=,-=,*=,/=,%= 4.关系运算符 +=,-=,*=,/=,%= 结果是boolean类型 ...
- MySQL 5.6不删空用户的影响
目录 MySQL 5.6不删空用户的影响 问题 分析 测试 启动mysqld时没有加上--skip-name-resolve 启动mysqld时加上--skip-name-resolve 结论 MyS ...
- 《UNIX环境网络编程》第十四章第14.9小结(bug)
1.源代码中的<sys/devpoll.h>头文件在我的CentOS7系统下的urs/include/sys/目录下没有找到. 而且我的CentOS7也不存在这个/dev/poll文件. ...
- JS简单表单验证
这里我是写了一个简单的注册表单验证功能,亲测有效,一起来看看吧! 首先我的HTML代码是这样的: class大家可以忽略一下,这里我项目使用的是bootstrap的样式. 输入用户名和密码用的是正则表 ...