随笔分类 - Ext.Net
Coolite
摘要：客户帐号不能为空：[代码]两次密码必须一致：[代码]文本中的值不可等于某些内容：[代码]
阅读全文
摘要：效果图：关系代码：Command Handler="if(command=='butSelectReocrd'){str=record.data.SessionId; #{AjaxMethods}.SelectRecord(str);}" /全部html代码：代码C#代码：代码
阅读全文
摘要：效果图：关键代码Command Handler="if(command=='butPhone'){location.href='CallIn.aspx?NetUserName='+record.data.NetUserName;} else {location.href='Customer.aspx?NetUserName='+record.data.NetUserName;}" /Html全部代码代码
阅读全文
摘要：FormLayout在我们平时开发中使用频率非常高，使用它可快速、方便的实现表单界面布局，以及使用一些其他控件自身的特性组合起来实现丰富强大的UI界面。下面通过一个简单示例来体验FormLayout的强大功能。[代码]Coolite Toolkit规定FromLayout控件必须放置在一个容器控件里，如上则将其放置在Panel控件里，通过FormLayout布局了一个用户登录界面，运行效果如下所示：如上只是实现了最基本的界面布局，而且效果并不是很理想。OK，下面基于这个上面来做一些调整。现在要实现文本框没有输入数据的时候则提示用户输入，并为其加上非空验证，通过AjaxEvents提供表单提交的
阅读全文
摘要：TabPanel控件使用非常简单，但是功能却非常强大，它同MenuPanel、TreePanel一样提供了很多的集合属性，可以定制出丰富的应用。其中用得最多的就是他的Tabs属性，用于定义子标签选项，可参考下图所示：其中content.html的代码如下代码片段，下图为运行效果截图： [代码]TabPanel最灵活的是动态的创建子标签选项，想了解这个创建过程的实现原理请查阅我之前写的两篇文章(本文前面有文章连接),需要注意的是不能通过同步的事件驱动去创建，一但页面PostBack新创建的所有标签选项将被全部清除。如果一定要通过服务端后台代码去动态创建，可使用Coolite Toolkit所提供
阅读全文
摘要：一、Accordion控件Accordion的功能非常适用，使用很简单，轻轻松松的就可以构建一个可折叠的界面展示应用效果。相信大多数做ASP.NET开发的朋友都使用过ASP.NET AJAXControl Toolkit，它里面也提供有Accordion控件，详细可以查看其在线示例。Colite Toolkit所提供的Accordion控件的使用和ASP.NET AJAX Control Toolkit里提供的Accordion差别不大，不同的是Coolite Toolkit的控件必须放置在一个容器控件里（比如：Panel）。 [代码]得到的效果如下，这个界面相比ASP.NET AJAX Co
阅读全文
摘要：Coolite Toolkit里的Menu控件和其他的.NET Web控件不一样，如果只是设计好了Menu或是通过程序初始化菜单项，菜单是不会呈现在界面上的，因为Coolite Toolkit规定Menu控件需要一个容器来做依托，而这个让Menu依托的控件就是MenuPanel，下面拖拽出的MenuPanel控件所生成的html编码： [代码]从上面可以明显的看出，MenuPanel里可以放置菜单项(MenuItem)，如果有子菜单，那么子菜单则对应于一个Menu控件，子菜单里的菜单项则又是通过菜单项(MenuItem)来体现。如下是我修改后的一个菜单html编码： [代码]像Tree、Men
阅读全文
摘要：一、FieldSet控件FieldSet控件在开发中使用率还是很高的，毕竟Web中微软没有提供Group控件，通常都是使用FieldSet来进行表单等界面布局分组。在Coolite Toolkit中则专门提供了这样一个控件，同时还为其附加了很多其他的功能属性和方法。[代码]Title、Height以及Width这些最基本的属性完全可以不去记忆，Collapsible属性是用来设置FieldSet是可折叠状态。上面代码片段的远行效果如下所示： 二、Panel控件前面分析了FieldSet控件，可以用来做界面布局的分组，以及通过相关属性设置使其成为更为高级的应用操作。FieldSet所具备的这些特
阅读全文
摘要：Button、TextField、DataField、ComBox这些控件好象也没什么好学的，任何一个学过ASP.NET的朋友都应该会使用这些控件，Coolite Toolkit里的这些控件相比标准的ASP.NET控件提供了需要特殊的功能，比如DataFiled控件在.NET Framework里则是没有的，这些控件在系统开发中是非常有用的。一、按扭(Button)控件Coolite Toolkit里同样提供有四种Button控件，他们分别是Button、ImageButton、LinkButton和SplitButton。Button在前两篇笔记里都有使用到，这里就简单记录一下，触发同步事件
阅读全文
摘要：一：AlertAlert组件最简单的用法就是直接弹出一个消息提示框：[代码]如果我们需要在弹出的提示框点了“确定”以后要执行其他操作怎么办呢？这时候可以使用Alert方法的重载方法，通过JFunction指定一个客户端方法，点了“确定”后就指定相应的客户端JavaScript方法，使用如下：[代码][代码]Coolite Toolkit还为Alert提供了四中图标UI效果，他们分别是问题(Question)、警告(Warning)、错误(Error)和信息(Informational)，使用不同的参数将构建出不同的Alert显示风格。使用方法如下：[代码]图标的取值可以直接通过MessageB
阅读全文
摘要：一：AjaxEventCoolite Toolkit所提供的AjaxEvent可以应用在很多的控件中，实现异步提交等相关功能。比如使用在Coolite Toolkit的Button控件中，通过该控件提供的机制就可以方便的使用。[代码]如果需要使用在标准控件或是其他的html标签元素上，则需要通过Coolite Toolkit所提供的ScriptManager来实现了，下面简单演示将AjaxEvent使用在官方的Button控件上。[代码]通过上面这种方式，可以把AjaxEvent添加到任何的html元素上（比如：input,div,p,span等等）。二：AjaxMethodCoolite T
阅读全文
摘要：效果图：html代码： <ext:Panel ID="Panel4" runat="server" Icon="UserHome" Title="客户信息" Width="885px" Height="555px" Frame="true" > <Body> <ext:BorderLayout ID="BorderLayout1" runat="server...
阅读全文
摘要：效果图：html代码：<ext:FormLayout ID="FormLayout1" runat="server" LabelWidth="40"> <ext:Anchor> <ext:CheckboxColumn ID="CheckboxColumn1" runat="server" ColumnWidth="0.25" > <Items> &l...
阅读全文
摘要：效果图：html代码：<ext:FormPanel ID="FormPanel1" runat="server" Border="false" MonitorValid="true" Frame="true" BodyStyle="padding:0px 0px 0;" > <TopBar> <ext:Toolbar ID="Toolbar3" runat="serv...
阅读全文
摘要：效果图：Html代码：<ext:Panel ID="Panel14" runat="server" Border="false" Header="false" BodyStyle="padding:2px 0px 0px 9px;" MonitorValid="true"><Body><ext:FormLayout ID="FormLayout4" runat="se...
阅读全文
摘要：效果图：Html代码：<ext:Panel ID="Panel6" runat="server" ><Body><ext:ColumnLayout ID="ColumnLayout3" runat="server"><ext:LayoutColumn ><ext:Panel ID="Panel1" runat="server" Border="...
阅读全文
摘要：【服务端的代码】this.ScriptManager1.Theme = Coolite.Ext.Web.Theme.Slate;
阅读全文
摘要：ext:Label 控件： #{控件的Id}.getText(); 反之设置：setText('内容') ext:TextField 控件： #{控件的Id}.getValue();反之设置：setValue('内容')Window控件 #{控件的Id}.Show(); #{控件的Id}.Hide();控件中是否有值：if(!#{txtBuildId}.validate()) {Ext.Msg.alert('警告','工单编号不能为空！');return false; }另：ext:Label runat="server" Html="img src='login/Images/eHR
阅读全文
摘要：方法一： Ext.Msg.Alert("消息", "请输入检索内容！").Show();方法二： Ext.Msg.Show(new MessageBox.Config { Title = "查询结果", Message = "<font style='color:black;'>没有找到任何数据!</font>", Buttons = MessageBox.Bu...
阅读全文
摘要：1.用脚本判断点击的是否为回车键<script type="text/javascript" > function EnterKeyClick() { if (event.keyCode == 13) { event.keyCode = 9; } } </script>2.前台<ext:FormLayout ID="FormLayout3" runat="server...
阅读全文