三生石上(FineUI控件)

摘要： 选项卡的使用非常广泛，比如官方示例的站点框架，TabStrip被用来同时打开多个页面，并方便地在页面之间进行快速切换。TabStrip还进行需要和JavaScript进行交互，比如动态的打开关闭选项卡，FineUI也为此提供了一些便利方法。选项卡控件的基本用法一个TabStrip由很多选项卡（Tab）组成，典型的标签定义如下： 1: <ext:TabStrip ID="TabStrip1" Width="750px" Height="300px" ShowBorder="true" ActiveTabInde 阅读全文

摘要： 首先介绍下FineUI，FineUI 是基于 ExtJS 的专业 ASP.NET 2.0 控件库，FineUI的目标是创建 No JavaScript，No CSS，No UpdatePanel，No ViewState，No WebServices 的网站应用程序。如果你对FineUI还不熟悉的话，可以移步FineUI官方网站：http://fineui.com/我们都知道FineUI是WebForm控件的集合，这也就意味着每次页面回发的代价比较大，需要重新构建页面中所有的控件并触发必要的事件。而对于自动补全这一常见功能来说，这种回发就显得没有必要了，因此我们可以通过一个ashx来取自动补全 阅读全文

摘要： 原来想给QQ群内的成员发邮件，找了一个现成的软件，没想到居然有QQ盗号病毒，很不爽。就决定自己动手，丰衣足食。首先，我想到如果能够直接从QQ群成员列表中把所有成员拷贝出来，岂不是很方便。不过QQ明显意识到了这一点。于是打开网页版的QQ群，这里面总有成员列表吧。在页面上，只能能看到的东西，就没有JavaScript程序员拿不到的东西。下面给出具体的操作步骤：1. 打开一个QQ群的通讯录页面。2. 打开FireBug，在脚本区域输入如下 22 行JavaScript 代码：1functiontrimQQNumber(item){2varnum=$.trim($(item).text());3re. 阅读全文

摘要： AppBox v2.0AppBox 是基于 FineUI 的通用权限管理框架，包括用户管理、职称管理、部门管理、部门用户管理、角色管理、角色用户管理、菜单模块管理、角色模块权限管理、日志管理、系统配置、在线统计等模块。技术支持：http://fineui.com/bbs/为了减少压缩包的体积，删除了 icon 目录，请从 FineUI 示例工程把这个目录拷贝回来。可以从 http://fineui.codeplex.com/ 下载 FineUI 示例工程完整源代码。注：1. AppBox v2.0 和 v1.0 不兼容，需要重新创建数据库。2. AppBox v2.0 使用了修改后的SubSo 阅读全文

摘要： 手风琴控件是一个用来展示多个面板的控件，这些面板同时只能展开一项（也可以一项都不展开），和选项卡控件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 阅读全文