ext.net 开发学习——常用布局（八）
2024-04-10 13:27:23
Ext.Net 官网Demo 有几种布局http://examples.ext.net/
因需求不同，布局也同样多种多样，现整理部分常用的布局+源码
源码：
<form id="form1" runat="server"> <ext:ResourceManager ID="RMEmployeeInfos" runat="server" /> <div> <ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout"> <Items> <ext:RowLayout ID="RowLayout1" runat="server"> <Rows> <ext:LayoutRow RowHeight="0.03"> <ext:Toolbar ID="toolBarMenu" runat="server"> <Items> <ext:Button ID="btnCreate" runat="server" Text="新建" Icon="FilmAdd"> </ext:Button> <ext:Button ID="Button1" runat="server" Text="打开" Icon="FilmGo"> </ext:Button> <ext:Button ID="Button2" runat="server" Text="编辑"> </ext:Button> <ext:Button ID="Button3" runat="server" Text="删除"> </ext:Button> <ext:Button ID="Button4" runat="server" Text="转抄"> </ext:Button> <ext:Button ID="Button5" runat="server" Text="红字"> </ext:Button> <ext:Button ID="Button6" runat="server" Text="蓝字"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button7" runat="server" Text="打印"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button8" runat="server" Text="提交"> </ext:Button> <ext:Button ID="Button9" runat="server" Text="通过"> </ext:Button> <ext:Button ID="Button10" runat="server" Text="退回"> </ext:Button> <ext:Button ID="Button11" runat="server" Text="加签"> </ext:Button> <ext:Button ID="Button12" runat="server" Text="委托"> </ext:Button> <ext:Button ID="Button13" runat="server" Text="收回"> </ext:Button> <ext:Button ID="Button14" runat="server" Text="催办"> </ext:Button> <ext:Button ID="Button15" runat="server" Text="意见"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button16" runat="server" Text="关联"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button17" runat="server" Text="附件"> </ext:Button> <ext:Button ID="Button18" runat="server" Text="历史"> </ext:Button> <ext:Button ID="Button19" runat="server" Text="自定义"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button20" runat="server" Text="帮助"> </ext:Button> <ext:Button ID="Button21" runat="server" Text="关闭"> </ext:Button> </Items> </ext:Toolbar> </ext:LayoutRow> <ext:LayoutRow RowHeight="0.957"> <ext:Panel runat="server"> <Items> <ext:BorderLayout runat="server"> <West Collapsible="true" MaxWidth="500" > <ext:Panel ID="Panel5" runat="server" Title="West" Width="200"> <Items> </Items> </ext:Panel> </West> <Center> <ext:Panel runat="server"> <Items> <ext:BorderLayout ID="BorderLayout1" runat="server"> <Center MaxHeight="700" MinHeight="100"> <ext:Panel ID="Panel3" runat="server" Height="500" Layout="Accordion" Title="North"> </ext:Panel> </Center> <South Collapsible="true"> <ext:Panel ID="Panel4" Height="150" runat="server" Title="South"> </ext:Panel> </South> </ext:BorderLayout> </Items> </ext:Panel> </Center> </ext:BorderLayout> </Items> </ext:Panel> </ext:LayoutRow> </Rows> </ext:RowLayout> </Items> </ext:Viewport> </div> </form>
二
源码：
<form id="form1" runat="server"> <div> <ext:ResourceManager ID="ResourceManager1" runat="server"> </ext:ResourceManager> <ext:Viewport ID="vpMainCenter" runat="server" Layout="Fit"> <Items> <ext:RowLayout runat="server"> <Rows> <ext:LayoutRow RowHeight="0.033"> <ext:Toolbar ID="toolBarMenu" runat="server"> <Items> <ext:Button ID="btnCreate" runat="server" Text="新建" Icon="FilmAdd"> </ext:Button> <ext:Button ID="Button1" runat="server" Text="打开" Icon="FilmGo"> </ext:Button> <ext:Button ID="Button2" runat="server" Text="编辑"> </ext:Button> <ext:Button ID="Button3" runat="server" Text="删除"> </ext:Button> <ext:Button ID="Button4" runat="server" Text="转抄"> </ext:Button> <ext:Button ID="Button5" runat="server" Text="红字"> </ext:Button> <ext:Button ID="Button6" runat="server" Text="蓝字"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button7" runat="server" Text="打印"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button8" runat="server" Text="提交"> </ext:Button> <ext:Button ID="Button9" runat="server" Text="通过"> </ext:Button> <ext:Button ID="Button10" runat="server" Text="退回"> </ext:Button> <ext:Button ID="Button11" runat="server" Text="加签"> </ext:Button> <ext:Button ID="Button12" runat="server" Text="委托"> </ext:Button> <ext:Button ID="Button13" runat="server" Text="收回"> </ext:Button> <ext:Button ID="Button14" runat="server" Text="催办"> </ext:Button> <ext:Button ID="Button15" runat="server" Text="意见"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button16" runat="server" Text="关联"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button17" runat="server" Text="附件"> </ext:Button> <ext:Button ID="Button18" runat="server" Text="历史"> </ext:Button> <ext:Button ID="Button19" runat="server" Text="自定义"> </ext:Button> <ext:ToolbarSeparator /> <ext:Button ID="Button20" runat="server" Text="帮助"> </ext:Button> <ext:Button ID="Button21" runat="server" Text="关闭"> </ext:Button> </Items> </ext:Toolbar> </ext:LayoutRow> <ext:LayoutRow RowHeight="0.957"> <ext:TabPanel runat="server" Region="Center" ID="tblMain" Border="false"> <Items> <ext:Panel runat="server" ID="panel1" Title="Right" Border="false" AutoScroll="true"> <Items> <ext:RowLayout runat="server" ID="layout1"> <Rows> <ext:LayoutRow RowHeight="0.8"> <ext:Panel ID="layout1Panel" runat="server" Title="North" Collapsible="true"> <Items> <ext:TableLayout runat="server" ID="tblPanel1" Columns="2"> <Cells> <ext:Cell CellId="tblPanel1Left"> <ext:Panel runat="server" Border="false" Width="800"> <Items> <ext:FieldSet ID="FieldSet2" runat="server" Title="Details" Collapsible="true" Layout="form"> <Items> <ext:TableLayout ID="TableLayout1" runat="server" Columns="3"> <Cells> <ext:Cell> <ext:TextField ID="TextField1" Text="1111" runat="server" FieldLabel="1" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField2" Text="2222" runat="server" FieldLabel="2" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField3" Text="3333" runat="server" FieldLabel="3" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField4" Text="4444" runat="server" FieldLabel="4" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField5" runat="server" FieldLabel="5" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField6" runat="server" FieldLabel="6" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField7" runat="server" FieldLabel="7" /> </ext:Cell> </Cells> </ext:TableLayout> </Items> </ext:FieldSet> <ext:FieldSet ID="FieldSet1" runat="server" Title="Details" Collapsible="true" Layout="form"> <Items> <ext:TableLayout ID="TableLayout2" runat="server" Columns="3"> <Cells> <ext:Cell> <ext:TextField ID="TextField8" Text="1111" runat="server" FieldLabel="1" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField9" Text="2222" runat="server" FieldLabel="2" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField10" Text="3333" runat="server" FieldLabel="3" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField11" Text="4444" runat="server" FieldLabel="4" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField12" runat="server" FieldLabel="5" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField13" runat="server" FieldLabel="6" /> </ext:Cell> <ext:Cell> <ext:TextField ID="TextField14" runat="server" FieldLabel="7" /> </ext:Cell> </Cells> </ext:TableLayout> </Items> </ext:FieldSet> </Items> </ext:Panel> </ext:Cell> <ext:Cell CellId="tblPanel1Right"> <ext:Panel ID="Panel3" runat="server" AutoHeight="true" AutoWidth="true"> <Items> <ext:Image ID="Image1" runat="server" Height="300" Width="400" FieldLabel="照片" ImageUrl="\Resource\Images\ss.jpg"> </ext:Image> <ext:Image ID="Image2" runat="server" Height="200" FieldLabel="照片" ImageUrl="\Resource\Images\ss.jpg" /> </Items> </ext:Panel> </ext:Cell> </Cells> </ext:TableLayout> </Items> </ext:Panel> </ext:LayoutRow> <ext:LayoutRow RowHeight="0.2"> <ext:TabPanel runat="server" ID="panel2TabPanel" Border="false"> <Items> <ext:Panel ID="Panel4" Border="false" runat="server" Title="高级" Layout="FitLayout"> </ext:Panel> </Items> </ext:TabPanel> </ext:LayoutRow> </Rows> </ext:RowLayout> </Items> </ext:Panel> <ext:Panel runat="server" Title="right"> </ext:Panel> </Items> </ext:TabPanel> </ext:LayoutRow> </Rows> </ext:RowLayout> </Items> </ext:Viewport> </div> </form>
作者：PEPE
出处：http://pepe.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
转载于:https://www.cnblogs.com/PEPE/archive/2012/01/14/2239321.html
ext.net 开发学习——常用布局（八）相关推荐
- windows内核开发学习笔记十八：IRP 处理的标准模式
windows内核开发学习笔记十八:IRP 处理的标准模式 在 Windows 内核中的请求基本上是通过 I/O Request Packet 完成的. I/O manager ---> Dis ...
- Polyworks脚本开发学习笔记(十八)-用SDK开发Polyworks插件
Polyworks脚本开发学习笔记(十八)-用SDK开发Polyworks插件 插件是由PolyWorks加载的动态链接库(DLL文件),然后查询Polyworks模块,以确定它们具有哪些功能,提供给 ...
- 前端开发学习常用网站网址及介绍（都是免费的）
在开发的时候,想记住所有的单词基本是不可能的,所以就需要进入文档,只要理清需求能做出来,就很不差了!! 扫码加博主微信 1.百度,俗称度娘,有不懂的就问百度,有问必答,跳转 2.百度翻译,不懂的单词, ...
- ext.net 开发学习之复杂模板板块 （叁）
一直 在纳闷 十一放假七天,另一个更重要的节日春节 为什么也只有七天!!!没休息够 就要奔向远方-- 言归正传,之前我们叁一直在捣鼓着ext.net.经过近两周的开发,大体完成了部分效果.现在和大家分 ...
- ext.net 开发学习之TabPanel （二）
昨天捣鼓好了页面框架,得到了园友的帮忙,在这里 说声 "谢谢"-- :) 框架好了,当然要实现效果.cs的效果如下,当然我们这边开发bs也要求这样.把需求的效果贴出: 大致可以看 ...
- 前端开发学习常用网站网址及api接口（都是免费的）
在开发的时候,想记住所有的单词基本是不可能的,所以就需要进入文档,只要理清需求能做出来,就很不差了!! 1.百度,俗称度娘,有不懂的就问百度,有问必答,跳转 2.百度翻译,不懂的单词,复制粘贴就懂了, ...
- ext.net 开发学习之FileUploadField与Image （四）
Asp.net 很强大,所以子承父业 Ext.net功能也很强大(只聊ext.net强大的一面) 之前做电子商务网站,后台有用过图片浏览并显示的效果.当时用的是ajax--因为ext.net已经封装 ...
- Windows 8 Directx 开发学习笔记（八）要有光
上一篇已经完成水波纹模型,但是只是在线框模式下能清晰的看到波动效果,实体填充时无法看出水面变化,主要原因就是没有引入光照.这里通过更改顶点着色器和像素着色器,引入水面的漫反射效果,让整个模型更加真实. ...
- Nginx 模块开发(学习笔记十八)
1. Nginx 介绍 Nginx是俄罗斯人编写的十分轻量级的HTTP服务器,它的发音为"engine X", 是一个高性能的HTTP和反向代理服务器,同时也是一个IMAP/POP ...
- 微信开发学习日记（八）：7步看懂weiphp插件机制，核心目标是响应微信请求
又经过了几个小时的梳理.回顾,截至目前,终于对weiphp这个框架的机制搞明白了些.想要完全明白,自然还需要大把的时间. 第1步: 配置微信公众号,http://weiphp.jiutianni ...
最新文章
- intent.putExtra()方法参数详解
- Nilearn教程系列(2)-3D和4D niimgs:处理和可视化
- linux的centos版本修改时间重启后无效的问题
- django_rest_framework之GenericAPIView（三）
- 【51Nod - 1272 】最大距离 （思维，排序sort的空间优化）
- 详细介绍mysql-bin.000001文件的来源及处理方法
- 爱上Foobar2000抛弃winamp一周年纪念日
- ant centos环境下 编译没有将配置文件加载_Linux 下的动态库、静态库与环境变量...
- 台式计算机操作系统的安装,台式电脑重装系统步骤图解
- yarn下载报错There appears to be trouble with your network connection. Retrying.
- 微信连wifi3.1总结
- 如何安全快速的迁移你的系统到固态硬盘
- 海信75E5K怎么样 海信75E5K和75E5H区别 哪个好
- com.google.common.base.Stopwatch 应用
- algoc++之求解根号2
- 超分辨率的国内外研究现状
- 一文看懂推荐系统：物品冷启05：流量调控
- APPScan手动探索
- 手机相机里面的m_让手机具备M档 WP专业拍照软件ProShot
- 计算机 自考 学分制,学分制自考政策是什么
热门文章
- c/c++编译的程序占用的内存分配
- 数学建模第七章 数理统计
- java队列 notify_java使用线程做一个消息队列,wait,notify
- sdl android rtp h264,使用RTP协议发送和接收H264的例子(支持解码、播放)
- thinkphp3.1 mysql5.6_ThinkPHP3.1新特性之多数据库操作更加完善
- linux基础之软件包管理
- linux Centos 服务器之间文件共享挂载
- php ini set开启方法,php ini_set更改php.ini配置功能_PHP教程
- python3 数据结构_python系列十一：python3数据结构
- 阶段3 1.Mybatis_05.使用Mybatis完成CRUD_2 Mybatis的CRUD-保存操作