随笔分类 - Ext JS / Ext.Net
摘要：本文内容 解决方案结构 HtmlEditor_Upload.js 脚本 HtmlEditorUploadImg.ashx 上传图片到服务器 演示 htmleditor 控件添加插入图片功能 解决方案结构 图 1 解决方案结构 说明： Handle 目录，是上传图片到服务器端的 Handle 处理程序；Handle2 目录，功能 Handle 目录里一样，只是另外一种写法，各有优点。Handle2 目录里的方法是目录在任何位置都能上传，而 Handle 目录里的，因为是 .net 自己封装的，需要上传目录在网站目录下，...
阅读全文
摘要：本文内容 QR 码介绍 QR 码容量 确定 QR 码大小 QR 码纠错率 QR 码应用 演示 Ext.Net+QR 码封装二维条形码控件 参考资料 QR 码介绍 QR（Quick Response）码是一种 Matrix 类型的二维条码，可以被快速解码。比一维条码储存更多信息，无需在扫描时垂直对准...
阅读全文
摘要：本文内容 演示增删改 Ext.Net.GridPanel 说明 演示增删改 Ext.Net.GridPanel grid 从服务器获得数据后，在前台对 grid 进行增删改，往往很有必要，尤其是对那些实时性不强，或是用户只操作自己的数据。操作后，再由后台处理。 标记 <div style="float: left"> <ext:Gri...
阅读全文
摘要：本文内容 概述 演示 Ext.Net.Combox AutoComplete 功能 说明 概述 最近用 Ext.Net 开发软件，研究了一下它的 AutoComplete 功能。虽然暂时用不到，但是一个 Web 应用程序几个经典的功能点，早晚都会用到……一般我们用一个 Ajax 框架，都会先研究它的前后台交互方式，将几个经典功能封装……等等，了解它的设计思想。...
阅读全文
摘要：本文内容 引入 演示用 Ext JS 增删改 Ext.Net.Store 说明 参考资料 修改记录 引入 当我使用 Ext.Net 时，始终不能摆脱最初开发 asp.net 应用程序的方式，也就是，前后台的交互。当你用 asp.net 的思维方式，开发 Ext.Net 时，你会发现应用程序问题很多，我所见过的，比如，页面闪的厉害（刷新次数太多，虽然也是局部刷新）；页面脚本错误；页面 CSS 错误等等。这充分说明，错误地使用了 Ext.Net。没有理解 Ajax。知道与会用往往是两回事。 现在，我既不想使用 asp.net 近乎全部刷新页面的...
阅读全文
摘要：本文内容 store.getAt(…) 和 store.getById(…) store.getCount() 和 store.getTotalCount() 以及 store.each(…) store.filter(…) 和 store.filterBy(…) store.find(…) 和 store.findBy(…) 以及 store.findExact(…) store.queryBy(…) store.collect(…) store.indexOf(…) 和 store.indexOfId(…) 以及 store.inde...
阅读全文
摘要：http://examples.ext.net/#/Events/DirectMethods/Overview/ 本文在几个月前写过一次，当时刚刚使用 Ext.Net，现在重新整理一下，说说自己的理解，并附上源代码。 本 Blog 的文章我可能因为翻译问题，代码问题，理解问题，表述问题等等，都会不定期的重新整理发一下。 本文内容 DirectMethod 基础 从 DirectMethod 返回一个字符串 给 DirectMethod 传递多个参数 调用 DirectMethod 静态方法，并返回一个字符串 从静态 DirectMetho...
阅读全文
摘要：定义系统按钮 XML 文件 <?xml version="1.0" encoding="utf-8"?> <buttons name="SysButton"> <button id="1" text="待提交" parentid="-1" buttontype="WaitCommit" buttonaction="Status" > <button id="2" text=&
阅读全文
摘要：本的文内容 概述 引入 分析 用 EXT.NET 演示为权限控制动态创建按钮 本解决方案的改进 修改记录 概述 实际项目中，我们经常需要进行权限控制，为用户动态创建菜单和按钮。也就是说，当为用户授权系统菜单和按钮后，根据该授权，为动态地为用户创建菜单和按钮。 动态地创建系统菜单，因为其很单纯，比较简单。 但是动态创建按钮就得看情况了…… 如果再加上服务器端分页，那就比较麻烦了…… 引入 最近做项目，遇到这样一个场景。如图所示： 图1 备注： 数据有三个状态：“待提交”、“待审核”和“...
阅读全文
摘要：本文内容 概述 演示利用 Ext.Net + Barcode 封装条形码控件 运行结果 修改记录 概述 最近项目需要条形码，因为已经为每个业务都创建了编码，只要把编码生成相应的条形码即可。再者，不想在相应的表添加一个字段，既要保存编码，又要保存编码对应的条形码，保存其二进制数据，用的时候再生成条形码（图片）。 需要的时候再生成也可以。而且在页面显示图片，要么生成临时的条形码图片，用完再删；要么向客户端直接发送二进制流，并设置 HTTP 头 content-type="image/jpeg"。第一个方法有点麻烦；而第二个方法，打印报表怎么办？报表可很...
阅读全文
摘要：本文内容 概述 演示在程序集中自定义 TreePanel 控件 运行结果 概述 博文 Ext.Net_在 Web 应用程序中自定义 TreePanel 控件。演示如何用 Ext.Net 在 Web 应用程序中自定义 TreePanel 控件。自定义的 TreePanel 控件由两个文件、三部分组成：控件的类文件和外部脚本文件。其中，控件类文件是一个分部类，分别实现控件的 UI 代码和逻辑代码。UI 代码负责创建控件标记；逻辑代码创建控件的客户端事件和服务器端事件。外部脚本文件用于在客户端操作控件。 博文 Ext.Net_在程序集中自定义 Tree...
阅读全文
摘要：本文内容 概述 测试用例 用 HttpWatch 测试 概述 最近使用 Ext.Net 做项目，于是研究了一下。Ext.Net 遵循“渐进增强”原则，只在需要是才向服务器请求资源。并对资源进行有效管理，如添加 Expire 或 Cache-Control 头，以减少 HTTP 请求的次数。 但本文不是介绍 Ext.Net，而是通过它大概了解一下网页测试工具 HttpWatch，并概述如何查看它对页面的分析结果。在不是用工具的情况，很难发现 Web 应用程序存在的问题。 测试用例 本文利用我在博文 Ext.Net_在程序集中自定义 TreePanel ...
阅读全文
摘要：本文内容 概述 演示在程序集中自定义 TreePanel 控件 运行结果 概述 之前，我在博文 Ext.Net_在 Web 应用程序中自定义 TreePanel 控件 中，演示如何用 Ext.Net 在 Web 应用程序中自定义 TreePanel 控件。自定义的 TreePanel 控件由两个文件、三部分组成：控件的类文件和外部脚本文件。其中，控件类文件是一个分部类，分别实现控件的 UI 代码和逻辑代码。UI 代码负责创建控件标记；逻辑代码创建控件的客户端事件和服务器端事件。外部脚本文件用于在客户端操作控件。类文件和脚本文件都在 Web 应用程序中，但是...
阅读全文
摘要：本文内容 概述 演示自定义 TreePanel 控件 运行结果 说明 概述 当我最开始使用 VS 开发 ASP.NET Web 应用程序时，使用最多的就是用户控件（.ascx）。它的方便在于，可以将界面分割成一个个小的功能模块，也就是利用 ASP.NET 自带的控件组合成一个新的控件，然后在需要的界面“拖”进去就行。 这种方式，不仅对后台方便，对前台也是。比如，对于页面，以及页面的任何一个功能区域，我们都可以分成顶部、底部和中间内容部分，那么就可以对 CSS 做统一设置。 现在我使用 Ext.Net，虽然其 Demo 提供了 SimpleTas...
阅读全文
摘要：本文内容 概述 Ext.Net.ResourceHandler 资源处理程序 参考资料 概述 页面依赖 Ext.Net. ResourceManager 控件初始化其资源，将 CSS 和脚本的引用和内容加入到页面。 若在页面引用 Ext.Net. ResourceManager 控件，如下所示： 那么，页面呈现的内容如下所示： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...
阅读全文
摘要：本文内容 引入——对比页面在使用或不使用 Ext.Net 控件的区别 没引用 Ext.Net 引用了 Ext.Net Ext.Net.XControl 和 Ext.Net.ResourceManager 修改记录 引入——对比页面在使用或不使用 Ext.Net 控件的区别 本文旨在初步分析 Ext.Net 初始化的过程。也就是，不加入 Ext.Net.ResourceManager，与加入 Ext.Net.ResourceManager 之后，页面内容的区别。本文用 FireFox 查看源文件。 没引用 Ext.Net...
阅读全文
摘要：本文内容 概述 演示 GridPanel 服务器端分页 运行结果 备注 修改记录 概述 分页都有两种，要么在客户端，要么在服务器端。Ext.Net 也不例外。而它的服务器端分页，是 Ext.Net.Store 的代理中，利用处理程序（.ashx）或是 Web Service（.asmx）方式等实现。参考 http://examples.ext.net/，并检索 "Paging and Sorting"。 演示 GridPanel 服务器端分页 本例演示，接近早先 ASP.NET 的分页实现。从服务器端获得下一页数据，绑定到 G...
阅读全文
摘要：本文内容 演示 CheckboxGroup 勾选、全选、反选和限制勾选 运行结果 说明 修改记录 演示 CheckboxGroup 勾选、全选、反选和限制勾选 脚本 <script type="text/javascript" defer="defer"> ConstraintChkedNum = 3; // 自定义限制勾选的数量 chkedId = []; var checkWeek = { SelectedAll: function(chkGrp) { ...
阅读全文
摘要：本文内容 概述 Ext.Net.RendererFormat 枚举 演示 概述 研究 Ext.Net Demo 时，经常能看到将 GridPanel 的某列添加 <Renderer Format="UsMoney" />"，改变列的呈现。本文演示 Ext.Net 提供的常用数据格式函数。 Ext.Net.RendererFormat 枚举 Ext.Net 的 RendererFormat 枚举类型将一些常用的数据格式转换函数，也就是改变数据呈现的格式，变成枚举类型，以便重用。如下表所示： 函数枚举...
阅读全文
摘要：本文内容 概述 演示：改变 GridPanel 某行或某列的式样 概述 略。 演示：改变 GridPanel 某行或某列的式样 本节演示改变 GridPanel 控件某行、或某列的的式样。代码如下： <%@ Page Language="C#" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
阅读全文
