Coolite 三列布局演示

最新推荐文章于 2025-04-23 14:49:20 发布
转载 最新推荐文章于 2025-04-23 14:49:20 发布 · 46 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/KingStar/archive/2010/06/08/1753970.html

本文介绍了一个使用Ext JS实现的三列布局示例，并展示了如何在各列中嵌套表单组件，包括文本输入框和文本区域等元素。

效果：

 

   

 

 <div>
        <ext:ScriptManager ID="ScriptManager1" runat="server">
        </ext:ScriptManager>
        <ext:FormPanel ID="FormPanel1" runat="server" BodyStyle="padding:5px;" ButtonAlign="Center"
            Frame="true" AutoHeight="true" Title="三列布局演示" Width="590" LabelAlign="Left">
            <Body>
                <ext:Panel ID="Panel1" runat="server" Frame="false" Border="false" BodyBorder="false">
                    <Body>
                        <ext:ColumnLayout ID="ColumnLayout1" runat="server">
                            <ext:LayoutColumn ColumnWidth="0.33">
                                <ext:Panel ID="Panel2" runat="server">
                                    <Body>
                                        <ext:FormLayout ID="FormLayout5" runat="server" LabelWidth="50">
                                            <Anchors>
                                                <ext:Anchor>
                                                    <ext:TextField ID="TextField1" runat="server" FieldLabel="字段1">
                                                    </ext:TextField>
                                                </ext:Anchor>
                                                <ext:Anchor>
                                                    <ext:TextField ID="TextField4" runat="server" FieldLabel="字段1">
                                                    </ext:TextField>
                                                </ext:Anchor>
                                            </Anchors>
                                        </ext:FormLayout>
                                    </Body>
                                </ext:Panel>
                            </ext:LayoutColumn>
                            <ext:LayoutColumn ColumnWidth="0.33">
                                <ext:Panel ID="Panel3" runat="server">
                                    <Body>
                                        <ext:FormLayout ID="FormLayout2" runat="server" LabelWidth="50">
                                            <Anchors>
                                                <ext:Anchor>
                                                    <ext:TextField ID="TextField2" runat="server" FieldLabel="字段2">
                                                    </ext:TextField>
                                                </ext:Anchor>
                                                <ext:Anchor>
                                                    <ext:TextField ID="TextField5" runat="server" FieldLabel="字段2">
                                                    </ext:TextField>
                                                </ext:Anchor>
                                                <ext:Anchor>
                                                    <ext:TextField ID="TextField6" runat="server" FieldLabel="字段2">
                                                    </ext:TextField>
                                                </ext:Anchor>
                                            </Anchors>
                                        </ext:FormLayout>
                                    </Body>
                                </ext:Panel>
                            </ext:LayoutColumn>
                            <ext:LayoutColumn ColumnWidth="0.33">
                                <ext:Panel ID="Panel4" runat="server">
                                    <Body>
                                        <ext:FormLayout ID="FormLayout3" runat="server" LabelWidth="50">
                                            <Anchors>
                                                <ext:Anchor>
                                                    <ext:TextField ID="TextField3" runat="server" FieldLabel="字段3">
                                                    </ext:TextField>
                                                </ext:Anchor>
                                                <ext:Anchor>
                                                    <ext:TextField ID="TextField7" runat="server" FieldLabel="字段3">
                                                    </ext:TextField>
                                                </ext:Anchor>
                                                <ext:Anchor>
                                                    <ext:TextField ID="TextField8" runat="server" FieldLabel="字段3">
                                                    </ext:TextField>
                                                </ext:Anchor>
                                                <ext:Anchor>
                                                    <ext:TextField ID="TextField9" runat="server" FieldLabel="字段3">
                                                    </ext:TextField>
                                                </ext:Anchor>
                                            </Anchors>
                                        </ext:FormLayout>
                                    </Body>
                                </ext:Panel>
                            </ext:LayoutColumn>
                        </ext:ColumnLayout>
                    </Body>
                </ext:Panel>
                <ext:Panel ID="Panel5" runat="server" Frame="false" Border="false" BodyBorder="false">
                    <Body>
                        <ext:FormLayout ID="FormLayout1" runat="server" LabelWidth="50">
                            <Anchors>
                                <ext:Anchor>
                                    <ext:TextArea ID="TextArea1" runat="server" Height="100" FieldLabel="文本" Width="500">
                                    </ext:TextArea>
                                </ext:Anchor>
                            </Anchors>
                        </ext:FormLayout>
                    </Body>
                </ext:Panel>
            </Body>
            <Buttons>
                <ext:Button ID="Button1" runat="server" Icon="Disk" Text="Submit">
                </ext:Button>
            </Buttons>
        </ext:FormPanel>
    </div>

 

 

转载于:https://www.cnblogs.com/KingStar/archive/2010/06/08/1753970.html

Coolite Cool Study 3 MVC + Coolite 的实现代码
10-29
在本文中，我们将探讨如何将Coolite框架与MVC（Model-View-Controller）模式结合使用，以及在实现过程中需要注意的关键点。Coolite是一个用于构建Web应用程序的UI库，而MVC是一种设计模式，用于分离应用程序的数据、...
coolite札记
weixin_34318272的博客
12-11 125
http://examples.ext.net/   (coolite新版) http://www.cnblogs.com/beniao/archive/2009/11/03/1568860.html   SWFUpload v2 说明文档 非常棒的多文件上传。   Coolite Toolkit学习笔记一：效果图   Coolite 弹窗妙用 posted @ 2010-0...
深入.NET：EXTJS与Coolite 1.0实战示例源码探究
weixin_33363025的博客
04-23 945
NET和EXTJS是两个广泛应用于Web开发领域的技术，它们分别由微软和EXT开发。.NET是一种强大的服务器端技术，而EXTJS则是一种基于JavaScript的前端框架。通过将.NET与EXTJS结合使用，开发人员可以创建功能丰富、外观优雅的Web应用程序。Coolite控件集是一个专门为ASP.NET开发的富互联网应用（RIA）的JavaScript库。其设计目标是创建一个轻量级、易于使用的控件库，允许开发者快速构建具有桌面风格的web应用。
Coolite Toolkit 学习笔记一
yucuihaimeng的专栏
04-11 3233
      刚刚接触Coolite Toolkit，在这里留下自己学习的理解，也希望对以后新接触的朋友有点帮助，可以少走点弯路。不过我也要声明一点，因为我也是初学，可能会有一些理解不当的地方，所以看到了的朋友，提醒下我，大家共同学习，共同进步~~~       Coolite Toolkit的官方网站：http://coolite.com/(这里的资料全英文的)    不过还好啦，还有
Ext.NET-布局篇
05-13 227
概述 前一篇介绍了Ext.NET基础知识，并对Ext.NET布局进行了简要的说明，本文中我们用一个完整的示例代码来看看Ext.NET的布局。 示例代码下载地址>>>>> 本文目的 本文使用Tree、Grid应该是我们最为常用的控件，实现自适应的页面布局， 顶端：使用Panel，可折叠； 左侧：使用TreePanel，可折叠; 中间：使用GridPanel...
Ext.NET-布局
Guog
05-12 1136
前一篇介绍了Ext.NET基础知识，并对Ext.NET的布局进行了简要的说明，本文中我们用一个完整的示例代码来看看Ext.NET的布局。
Ext.NET-基础篇
05-13 497
概述 本文介绍Ext.NET的基本概念，安装配置、布局以及容器，最后介绍了DirectEvents、DirectMethod、Listener，并提供了示例代码。 示例代码下载地址>>>>> Ext.NET 简介 Ext.NET 是基于跨浏览器的 Sencha ExtJS 库和.NET Framework的一套支持ASP.NET AJAX的非开源Web控件...
Ext.NET
weixin_30901729的博客
09-04 111
Ext.NET Ext.NET-基础篇 概述 本文介绍Ext.NET的基本概念，安装配置、布局以及容器，最后介绍了DirectEvents、DirectMethod、Listener，并提供了示例代码。 示例代码下载地址>>>>> Ext.NET 简介 Ext.NET是基于跨浏览器的Sencha ExtJS库和.NET...
EXT.NET - 基础
NDHuaErFeiFei的博客
10-24 594
转载于：http://blog.youkuaiyun.com/goga21cn/article/details/45619465 概述 本文介绍Ext.NET的基本概念，安装配置、布局以及容器，最后介绍了DirectEvents、DirectMethod、Listener，并提供了示例代码。 示例代码下载地址>>>>> Ext.NET 简介 Ext.NET 是基于跨浏
分享Silverlight/WPF/Windows Phone一周学习导读(4月18日-4月23日)
weixin_34121282的博客
04-27 186
微软已经宣布Windows Phone 7下一个重要版本 - Mango（芒果），在MIX11大会上还做了不少Windows Phone 7新功能API演示，相信这些激动人心的新功能让Windows Phone 7开发人员对Windows Phone的未来更加充满信心。目前，已经有不少媒体预测Windows Phone 7将会成为iPhone最大的竞争对手之一，你认为呢？本周Silverlig...
Coolite布局与数据库交互：动态添加TabPanel视图
例如，可以使用Coolite的布局管理器来创建不同类型的布局，如边界布局（Border Layout）、卡片布局（Card Layout）、表单布局（Form Layout）等。对于本例，虽然没有明确指出使用了哪种布局，但从描述中我们可以推断...
Coolite示例集合：Ext.Net的演示应用
- 响应式布局：如何在不同设备上展示不同布局的示例。 - 动画和特效：演示如何利用Ext JS为Web应用添加动画效果和交互特效。 #### 4. 开发者如何利用demo集合 开发人员可以通过以下方式利用Coolite的demo集合进行...
酷炫的Web开发利器：Coolite Toolkit与ExtJS控件演示
#### 3. ASP.NET与AJAX集成 ASP.NET是微软公司推出的一个用于构建动态网站、服务器端应用程序和Web服务的编程框架。而AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，能够更新部分...
Coolite TreePanel与TabPanel后台框架实战演示
在探讨Coolite TreePanel与TabPanel的网站后台框架示例之前，我们需要先了解一些相关技术背景。 首先，Coolite是一个基于.NET的Web应用框架，它将ExtJS这一JavaScript库封装成了易于C#程序员使用的Ajax控件。ExtJS...
优化算法基于四则运算的算术优化算法原理与Python实现：面向图像分割的全局寻优方法研究
最新发布
09-06
内容概要：本文系统介绍了算术优化算法（AOA）的基本原理、核心思想及Python实现方法，并通过图像分割的实际案例展示了其应用价值。AOA是一种基于种群的元启发式算法，其核心思想来源于四则运算，利用乘除运算进行全局勘探，加减运算进行局部开发，通过数学优化器加速函数（MOA）和数学优化概率（MOP）动态控制搜索过程，在全局探索与局部开发之间实现平衡。文章详细解析了算法的初始化、勘探与开发阶段的更新策略，并提供了完整的Python代码实现，结合Rastrigin函数进行测试验证。进一步地，以Flask框架搭建前后端分离系统，将AOA应用于图像分割任务，展示了其在实际工程中的可行性与高效性。最后，通过收敛速度、寻优精度等指标评估算法性能，并提出自适应参数调整、模型优化和并行计算等改进策略。; 适合人群：具备一定Python编程基础和优化算法基础知识的高校学生、科研人员及工程技术人员，尤其适合从事人工智能、图像处理、智能优化等领域的从业者；; 使用场景及目标：①理解元启发式算法的设计思想与实现机制；②掌握AOA在函数优化、图像分割等实际问题中的建模与求解方法；③学习如何将优化算法集成到Web系统中实现工程化应用；④为算法性能评估与改进提供实践参考； 阅读建议：建议读者结合代码逐行调试，深入理解算法流程中MOA与MOP的作用机制，尝试在不同测试函数上运行算法以观察性能差异，并可进一步扩展图像分割模块，引入更复杂的预处理或后处理技术以提升分割效果。
【微信小程序源码】图文信息；欢迎页面，音乐控制.zip
09-06
资源说明： 1：本资料仅用作交流学习参考，请切勿用于商业用途。 2：一套精品实用微信小程序源码资源，无论是入门练手还是项目复用都超实用，省去重复开发时间，让开发少走弯路！ 更多精品资源请访问 https://blog.youkuaiyun.com/ashyyyy/article/details/146464041
bedrock-testing-support-7.0.4.jar中文-英文对照文档.zip
09-06
1、压缩文件中包含： 中文-英文对照文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
【微信小程序源码】物业管理.zip
09-06
资源说明： 1：本资料仅用作交流学习参考，请切勿用于商业用途。 2：一套精品实用微信小程序源码资源，无论是入门练手还是项目复用都超实用，省去重复开发时间，让开发少走弯路！ 更多精品资源请访问 https://blog.youkuaiyun.com/ashyyyy/article/details/146464041
grpc-services-1.68.1.jar中文-英文对照文档.zip
09-06
1、压缩文件中包含： 中文-英文对照文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值