随笔分类 - Extjs
摘要:手风琴控件是一个用来展示多个面板的控件,这些面板同时只能展开一项(也可以一项都不展开),和选项卡控件TabStrip有异曲同工之妙。本章将会介绍手风琴控件的基本用法,并结合树控件来制作站点菜单。手风琴控件的基本用法通过一个示例来展示手风琴控件的用法,先看下最终效果图:这个手风琴控件由三个面板组成,来看下ASPX标签定义: 1: <ext:Accordion ID="Accordion1" Title="手风琴控件" runat="server" Width="300px" Height="450px
阅读全文
摘要:关于FineUI基于 ExtJS 的专业 ASP.NET 2.0 控件库。FineUI的使命创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应用程序。支持的浏览器IE 7.0+、Firefox 3.6+、Chrome 3.0+、Opera 10.5+、Safari 3.0+授权协议Apache License 2.0 (Apache)相关链接论坛:http://fineui.com/bbs/示例:http://fineui.com/demo/文档:http://fineui.com/doc/下载:htt
阅读全文
摘要:关于FineUI基于 ExtJS 的专业 ASP.NET 2.0 控件库。FineUI的使命创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应用程序。支持的浏览器IE 7.0+、Firefox 3.6+、Chrome 3.0+、Opera 10.5+、Safari 3.0+授权协议Apache License 2.0 (Apache)相关链接论坛:http://fineui.com/bbs/示例:http://fineui.com/demo/文档:http://fineui.com/doc/下载:htt
阅读全文
摘要:上一篇文章我们介绍了树控件的基本用法,不过都是通过标签来声明树控件的结构,本章我们会详细讲解如何在后台绑定树控件。 绑定到XmlDocument 下面通过一个简单的例子来看如何将XmlDocument和树控件绑定,页面的标签结构: 1: <ext:Tree ID="Tree1" Width="500px" EnableArrows="false" EnableLines="false" ShowHeader="true" 2: Title="树控件(绑定到 XmlDocument
阅读全文
摘要:树控件用来展示具有层次结构的数据。前面在介绍下拉列表和表格控件时,我们已经接触到模拟树的下拉列表和模拟树的表格,今天我们就来讲解真正的树控件。标签创建的树控件我们可以直接在ASPX页面中创建树控件,非常直观,比如: 1: <ext:Tree ID="Tree1" Width="500px" ShowHeader="true" Title="树控件(内联)" runat="server"> 2: <Nodes> 3: <ext:TreeNode Text="
阅读全文
摘要:将表格内容导出为Excel文件是实际项目中的常见需求,怎么来实现呢?导出文件的格式首先我们需要理解的一点是,导出的文件其实一个HTML片段,只不过Excel会按照自身的格式自动格式化而已。来看一个导出文件的典型示例: 1: <table border="1"> 2: <tr><th>姓名</th><th>性别</th></tr> 3: <tr><th>张三</th><th>男</th></tr> 4: <tr>
阅读全文
摘要:有时我们需要根据数据来动态创建表格列,怎么来做到这一点呢?本章会详细讲解。 动态创建的列 还是通过一个示例来看下如何在FineUI中动态创建表格列,示例的界面截图: 先来看下ASPX的标签定义: 1: <ext:Grid ID="Grid1" runat="server" Width="650px"
阅读全文
摘要:相信很多同学都用过SubSonic,在07 - 10年ORM兴起的时代,SubSonic可以说是DotNet开发人员的救星。虽说现在 EntityFramework大有一统江湖的趋势,不过在DotNet2.0框架下,SubSonic依然是为数不多的选择。最近在维护基于 ExtAspNet 的通用权限管理项目 AppBox ,在使用SubSonic进行多表查询和数据库分页时遇到了点问题,下面我会详细分享这一经过,以及如何通过修改SubSonic的源代码来修正这一问题。我要实现如下的功能我要实现的功能非常简单:用户管理,角色管理,角色用户管理(一个用户可以属于多个角色)。相信很多同学闭着眼睛就能把
阅读全文
摘要:前面我们已经多次见到模板列,只不过那些模板列中放置的都是文本(asp:Label)控件,而本章将会介绍模板列和编辑框(文本输入框、下拉列表、单选框、复选框等)是如何交互的。模板列中只能放置Asp.Net控件这是ExtAspNet的一个限制,其实在ExtAspNet中只有如下三个地方可以放置Asp.Net控件:和PageManager控件同级别,也就是form标签的内部;ContentPanel控件内部;表格中模板列的内部。模板列中的文本输入框下面通过一个示例讲述如何绑定数据到模板列中的输入框,以及如何在后台代码中获取这些输入框的值,例子的ASPX标签: 1: <ext:Grid ID=&
阅读全文
摘要:我们在表格概述中已经接触到了CheckBoxField,ExtAspNet会将其渲染成一张图片。不仅如此,CheckBoxField还可以被渲染成可编辑的复选框,本章会对其详细描述。可编辑的复选框列下面通过一个示例来学习可编辑的复选框列,先来看下最终的显示效果:上图中,同为复选框的“是否在校”列,一个被渲染成图片,另一个被渲染成可编辑的复选框。来看下ASPX标签的定义: 1: <ext:Grid ID="Grid1" Title="表格" Width="800px" ShowBorder="true" Sho
阅读全文
摘要:事件通常是由用户触发的,比如按钮的点击事件、下拉列表的选择项改变事件。不过有些事件并非用户触发的,而是在程序执行的某个特定阶段触发的,比如将要介绍的表格的预绑定事件、行预绑定事件以及行绑定事件,本章将会详细描述这些和表格相关的事件。有哪些事件参数类型每个事件处理函数都会接受一个事件参数,默认的是EventArgs,不过Grid为大部分事件自定义了事件参数类型,先来看下源代码中的定义:用户触发的事件参数类型:GridCommandEventArgs:表格行命令事件参数,对应RowCommand事件。RowIndex:行索引ColumnIndex:列索引CommandName:命令名称Comman
阅读全文
摘要:排序和分页是表格必备的两个重要功能,本章会详细阐述如何在ExtAspNet中实现这两个功能。排序首先来看一个排序的例子,ASPX标签如下: 1: <ext:Grid ID="Grid1" Title="表格" AllowSorting="true" SortColumn="year" 2: SortDirection="ASC" Width="750px" AutoHeight="true" runat="server" Enab
阅读全文
摘要:ExtAspNet的一大特色就是简单易学,这一设计理念不仅指导ExtAspNet控件在命名上和AspNet原生控件保持一致,而且在编程习惯、事件方法命名、甚至是扩展属性方法都尽量保持了AspNet的控件风格。从本章对ExtAspNet的Grid控件和AspNet的GridView的对比中,你会清晰地看到这一点。同时ExtAspNet的Grid还对AspNet的GridView进行了非常多并且有用的扩展,在接下来的几篇文章中,我们会详细讲解。准备数据提供给Grid的数据一般是两类,分别是数据表格和列表数据。在整个Grid控件的示例中,我们大部分时间都用到了硬编码的表格数据(用来模拟数据库查询的返
阅读全文
摘要:垂直盒子布局和水平盒子布局非常灵活易用,在很大程度上能够取代锚点布局,行布局和列布局,因此希望大家能够熟练掌握。垂直盒子布局的结构一个典型的垂直盒子布局的结构如下: 1: <ext:Panel Layout="VBox" BoxConfigAlign="Stretch" BoxConfigPosition="Start" BoxConfigPadding="5" 2: BoxConfigChildMargin="0 0 5 0"> 3: <Items> 4: <ex
阅读全文
摘要:行布局和列布局相对比较简单,下面会详细分析这两种布局。行布局的结构一个典型的行布局的结构如下: 1: <ext:Panel Layout="Row"> 2: <Items> 3: <ext:Panel Height="50px" Width="200px" ></ext:Panel> 4: <ext:Panel RowHeight="30%"></ext:Panel> 5: <ext:Panel RowHeight="70%&q
阅读全文
摘要:在线阅读FineUI秘密花园(一) — 为什么选择FineUI?FineUI秘密花园(二) — 一切从头开始FineUI秘密花园(三) — 站点级别的配置FineUI秘密花园(四) — 页面级别的配置FineUI秘密花园(五) — 按钮控件FineUI秘密花园(六) — 表单控件FineUI秘密花园(七) — 上传控件FineUI秘密花园(八) — 下拉列表控件FineUI秘密花园(九) — 表单验证FineUI秘密花园(十) — Ajax特性FineUI秘密花园(十一) — 布局概述FineUI秘密花园(十二)—布局之锚点布局FineUI秘密花园(十三)—布局之行布局和列布局FineUI秘密
阅读全文
摘要:AppBox v1.0AppBox 是基于 ExtAspNet 的企业通用管理框架,包括用户管理、职务管理、部门管理、角色管理、角色用户管理、菜单模块管理、角色模块权限管理、角色菜单管理、日志管理、系统配置、在线统计等模块。AppBox在 2009-09-26 发布了第一个开源版本,后来由于种种原因没有再更新。时隔 3 年,随着ExtAspNet的逐渐成熟,广大网友对AppBox的呼声也越来越高,终于今天发布了AppBox v1.0 版本。为了ExtAspNet的发展,AppBox不再开源,而是采取捐赠作者获得源代码的方式。AppBox v1.0 最值得骄傲是基于 ExtAspNet 的开发
阅读全文
摘要:如果你有好的主题(Extjs 3.0 - 3.4)想加入ExtAspNet大家庭,也请发给我,谢谢。
阅读全文
摘要:关于ExtAspNet基于 ExtJS 的专业 ASP.NET 2.0 控件库,拥有原生的 AJAX 支持和华丽的UI效果。ExtAspNet的使命创建没有 JavaScript,没有 CSS,没有 UpdatePanel,没有 ViewState,没有 WebServices 的网站应用程序。支持的浏览器IE 7.0+、Firefox 3.6+、Chrome 3.0+、Opera 10.5+、Safari 3.0+授权协议Apache License 2.0 (Apache)相关链接论坛:http://bbs.extasp.net/示例:http://demo.extasp.net/文档:h
阅读全文
摘要:如果曾经你听到别人这么说:ExtAspNet简单,易用,稳定,而且有100多个中文示例照顾了开发中的各个方面,唯独的缺陷是少了一个文档,想查个参数都麻烦....那么,从今天起忘掉这句话吧。ExtAspNet终于有了自己的API文档,全中文的哦,并且会逐步更新(开源网站也提供离线CHM文件下载):http://doc.extasp.net/ 离线版本到 http://extaspnet.codeplex.com/ 上下载。=================ExtAspNet - 基于 ExtJS 的专业 ASP.NET 2.0 控件库,拥有完善的 AJAX 支持和丰富的界面效果 ExtAspNe
阅读全文