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 ...
 
随机推荐
- Linux-目录与文件
			
1. pwd - 打印当前工作目录 [root@VM_0_171_centos ~]# pwd /root 2. cd - Change the shell working directory. [r ...
 - 代码面试集锦 2 - Google
			
Given the root to a binary tree, implement serialize(root), which serializes the tree into a string, ...
 - python实现Telnet远程登陆到设备并执行命令
			
#encoding=utf-8 import telnetlib import time def do_telnet(Host, username, password, finish, command ...
 - SQL SERVER的锁机制(三)——概述(锁与事务隔离级别)
			
五.锁与事务隔离级别 事务隔离级别简单的说,就是当激活事务时,控制事务内因SQL语句产生的锁定需要保留多入,影响范围多大,以防止多人访问时,在事务内发生数据查询的错误.设置事务隔离级别将影响整条连接. ...
 - 使用EF6连接mariaDB出现中文查找不到数据的问题
			
1.问题描述 这两天使用ef6.0查询mariaDB出现了数据查询不到的情况 2.问题分析 后来发现除了这段数据查询不到,其他都能查询,于是逐步对比代码,发现其他数据都是英文的,而这句是中文的于是把条 ...
 - ViewPager无限滑动
			
2016-6-19 前言 View轮播效果在app中很常见,一想到左右滑动的效果就很容易想到使用ViewPager来实现.对于像我们常说的banner这样的效果,具备无限滑动的功能是可以用ViewPa ...
 - 调用notify()后,当前线程执行完synchronized块中的所有代码才会释放锁
			
package com.pinnet.test; public class Demo { public static void main(String[] args) { Demo demo = ne ...
 - 使用命令行工具npm新创建一个vue项目
			
使用vue开发项目的前期工作可以参考前面写的: Vue环境搭建及node安装过程整理 Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用.该工具提供开箱即用的构建工具配置,带来现代化的 ...
 - 文件分享系统(Django)
 - Hadoop2源码分析-序列化篇
			
1.概述 上一篇我们了解了MapReduce的相关流程,包含MapReduce V2的重构思路,新的设计架构,与MapReduce V1的区别等内容,今天我们在来学习下在Hadoop V2中的序列化的 ...