摘要:先看下图片:| 在Coolite中,对于弹出window,我更喜欢采用JS的方式弹出,因为可以很灵活的控制其在页面的最上层,而不会被某些层遮住。正如上面图片你所看到的,现在我们需要做的是:1、添加一个“添加”按钮后,弹出一个window。2、点击保存后,弹出提示信息,表明添加成功,然后刷新回列表。 弹出Window的方法如下,而对于刷新的方法,也是在这个函数中实现,其实是一个监听,StoreData是一个store的名称,这个东西绑定了GridPanel。var Win = new Ext.Window({ id:"tmpWin", width: 380, modal:tr
阅读全文
摘要:一、FieldSet控件 FieldSet控件在开发中使用率还是很高的,毕竟Web中微软没有提供Group控件,通常都是使用FieldSet来进行表单等界面布局分组。在Coolite Toolkit中则专门提供了这样一个控件,同时还为其附加了很多其他的功能属性和方法。<ext:FieldSet ID="FieldSet1" runat="server" Collapsible="True" Height="200px" Title="FieldSet分组" Width="200p
阅读全文
摘要:本篇将要介绍的布局控件是FormLayout和FormPanel,通常使用他们来进行表单界面的布局。 FormLayout在我们平时开发中使用频率非常高,使用它可快速、方便的实现表单界面布局,以及使用一些其他控件自身的特性组合起来实现丰富强大的UI界面。下面通过一个简单示例来体验FormLayout的强大功能。<ext:Panel ID="Panel1" runat="server" Title="用户登录" Width="300" BodyStyle="padding:5px;">
阅读全文
摘要:TabPanel控件使用非常简单,但是功能却非常强大,它同MenuPanel、TreePanel一样提供了很多的集合属性,可以定制出丰富的应用。其中用得最多的就是他的Tabs属性,用于定义子标签选项,可参考下图所示: 其中content.html的代码如下代码片段,下图为运行效果截图: <html xmlns=http://www.w3.org/1999/xhtml><head> <title></title> <style type="text/css"> body{}{font-size:12px;} <
阅读全文
摘要:Coolite Toolkit中的Tree控件和Menu控件一样不能独立使用,他们必须依托与容器控件,理所当然Tree控件就依托于TreePanel 控件了。TreePanel 提供了很多的集合属性,可用来定制非常丰富的切功能强大的树型 界面。 从上图中可看出,TreePanel提供了许多的集合属性,包括事件、数据加载、按扭、自定义配置、根节点、工具栏、顶部和底部工具栏等等很多功能点。比如我们可以使用TopBar来定制一个树的顶部工具栏,如下代码片段: <ext:TreePanel ID="tPanel" runat="server" Height
阅读全文
摘要:一、Accordion控件 Accordion的功能非常适用,使用很简单,轻轻松松的就可以构建一个可折叠的界面展示应用效果。相信大多数做ASP.NET开发的朋友都使用过ASP.NET AJAX Control Toolkit,它里面也提供有Accordion控件,详细可以查看其在线示例。 Colite Toolkit所提供的Accordion控件的使用和ASP.NET AJAX Control Toolkit里提供的Accordion差别不大,不同的是Coolite Toolkit的控件必须放置在一个容器控件里(比如:Panel)。 <ext:Panel ID="Panel1&
阅读全文
摘要:Coolite Toolkit里的Menu控件和其他的.NET Web控件不一样,如果只是设计好了Menu或是通过程序初始化菜单项,菜单是不会呈现在界面上的,因为Coolite Toolkit规定Menu控件需要一个容器来做依托,而这个让Menu依托的控件就是MenuPanel,下面拖拽出的MenuPanel控件所生成的html编码: <ext:MenuPanel ID="MenuPanel1" runat="server" Height="300" Title="Menu" Width="185&
阅读全文
摘要:一、FieldSet控件 FieldSet控件在开发中使用率还是很高的,毕竟Web中微软没有提供Group控件,通常都是使用FieldSet来进行表单等界面布局分组。在Coolite Toolkit中则专门提供了这样一个控件,同时还为其附加了很多其他的功能属性和方法。 <ext:FieldSet ID="FieldSet1" runat="server" Collapsible="True" Height="200px" Title="FieldSet分组" Width="200
阅读全文
摘要:Button、TextField、DataField、ComBox这些控件好象也没什么好学的,任何一个学过ASP.NET的朋友都应该会使用这些控件,Coolite Toolkit里的这些控件相比标准的ASP.NET控件提供了需要特殊的功能,比如DataFiled控件在.NET Framework里则是没有的,这些控件在系统开发中是非常有用的。一、按扭(Button)控件 Coolite Tool...
阅读全文
摘要:一、AlertAlert组件最简单的用法就是直接弹出一个消息提示框:protected void Button_Click(object sender, AjaxEventArgs e){ Ext.Msg.Alert("标题内容", "消息内容").Show();} 如果我们需要在弹出的提示框点了“确定”以后要执行其他操作怎么办呢?这时候可以使用Alert方法的重载方法,通过JFunction指定一个客户端方法,点了“确定”后就指定相应的客户端JavaScript方法,使用如下:protected void Button_Click(object sen
阅读全文
摘要:AjaxMethod Coolite Toolkit所提供的AjaxMethod功能和ASP.NET AJAX的PageMethod是一样的,使用非常简单,详细可参考下面的简单示例: [AjaxMethod]public string PageMethod(){ return "调用了页面后置方法:PageMethod()";} <ext:ScriptManager ID="ScriptManager1" runat="server"></ext:ScriptManager><ext:Button ID=
阅读全文
摘要:AjaxEventCoolite Toolkit所提供的AjaxEvent可以应用在很多的控件中,实现异步提交等相关功能。比如使用在Coolite Toolkit的Button控件中,通过该控件提供的机制就可以方便的使用。<script runat="server" language="C#">protectedvoid OnAjaxEvent_Click(object sender,...
阅读全文
摘要:一.在Grid相关事件或属性外的操作1.Grid1.Columns[3].Hidden = false;//显示或隐藏Grid的第四列2.在一个按钮点击事件中。如下: protected void btnSaveClose_Click(object sender, EventArgs e) { //找到Grid1中ID为“CheckBoxField1”的列,把它作为复选框列。 ExtAspNet.CheckBoxField myCheckBoxField = Grid1.FindColumn("CheckBoxField1") as ExtAspNet.CheckBoxFi
阅读全文
摘要:1.在Page_Load事件中实现: protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { } }2.在按钮的OnClick事件里写: protected void btnClose_Click(object sender, EventArgs e) { PageContext.RegisterStartupScript(ActiveWindow.GetHideReference()); }
阅读全文
摘要:1、Grid控件(1)、可以通过 Grid1.DataKeys[e.RowIndex][i]可以获得某一行的DataKeyName里的值,如在下面行事件中: 代码(2)、获取Grid中访问选中行数据项及行数,如:代码=============================2、弹出窗口方法:(1)、前台:.aspx页:设置一个CommandName,通过CommandName进行代码后台在行事件即...
阅读全文