Extjs登录界面源码

2017年02月06日 82 阅读

Extjs登录界面源码2010-04-21效果图如下Ext.ux.form.IconCombo.js1//JS脚本 2Ext.namespace（"Ext.ux.form"）; 3 4Ext.ux.form.IconCombo = Ext.extend（Ext.form.ComboBox, { 5initComponent:function（） { 6var css = ".ux-icon-combo-icon {background-repeat: no...

Extjs2.0之横向Radio经典布局

2017年02月06日 83 阅读

Extjs2.0之横向Radio经典布局2010-04-21 CSDN博客 我想大家最需要的就是这样的布局但是找遍google，要么是太复杂在render里添加后续radio，要么是采用FieldSet方式额外加了一大框。但是我想像中需要的却是上面这种方式。经过测试，上面这样的radio横向布局是可以做到的，关键是采用table的layout及radio行的isFormField设置为true，设置isFormField这点尤其重要，因为panel默认不是...

Ext2.0升级至Ext2.1 Ext.Panel的AJAX加载方式autoLoad参数使用的变化

2017年02月06日 93 阅读

Ext2.0升级至Ext2.1 Ext.Panel的AJAX加载方式autoLoad参数使用的变化2010-04-21Ext2.0.2升级到2.1了，开发也要与时俱进嘛。虽说这直接替换了2.0.2，但是却遇到一个不大不小的麻烦。ExtJs Panel的远程页面加载是一个非常好的功能，之前的有些调用代码在2.1却无法显示最新的数据了。API DOC 如是说：Ext.Panel.autoLoadA valid url spec according to the...

第一节：ExtJS调用WCF系列-----实现JSON传递

2017年02月06日 86 阅读

第一节：ExtJS调用WCF系列-----实现JSON传递2010-07-17 cnblogs xiaozhuang首先我们打开我们的VS 新建一个Asp.Net WebApplication Project，（不要给我说新建网站，我讨厌那个东东） 命名为ExtJSAndWCFChapter1 如图：接下来我们在该项目中新建一个实体类文件和一个AJAX—Enabled WCF SERVICE，分别命名为Employee.cs 和Employee...

第二节：ExtJS调用WCF系列-----分页排序列表实现

2017年02月06日 91 阅读

第二节：ExtJS调用WCF系列-----分页排序列表实现2010-07-17 cnblogs.com xiaozhuang打开第一节中的那个项目，新建一个Paging.aspx的页面来实现分页列表。这次我们使用一个测试的数据库CompanyInfoDB,里面有两张表，部门和员工，并外键关联，数据库调用采用Linq的Sqlmetal 命令方式，在Visual Studio 2008的命令提示符中输入以下命令：D:Program FilesMicrosoft...

第三节：ExtJS调用WCF系列-----添加，修改，删除（1）

2017年02月06日 90 阅读

第三节：ExtJS调用WCF系列-----添加，修改，删除（1）2010-07-17 cnblogs.com xiaozhuang我们继续上一节中的那个项目，给那个员工列表增加 添加修改删除功能。和上一节一样，我们先从服务器端说起，服务器端需要提供WCF接口给客户端调用，我们先来写几个BLL的数据处理方法/**//// <summary> /// 获取部门列表 /// </summary> /// <retu...

第三节：ExtJS调用WCF系列-----添加，修改，删除（2）

2017年02月06日 93 阅读

第三节：ExtJS调用WCF系列-----添加，修改，删除（2）2010-07-17 cnblogs.com xiaozhuang接下来编写paging.js代码，主要用到了Ext.FormPanel和Ext.Window 两个控件来提供编辑和添加界面，paging.js的所有代码如下，包括前一节的那部分。/**//** Author by Xiaozhuang***/Ext.onReady（function（）{ // create the Data ...

【封装】WCF+LINQ+ExtJS做更简单的Grid

2017年02月06日 79 阅读

【封装】WCF+LINQ+ExtJS做更简单的Grid2010-07-17 博客园 张玉彬发布了[添砖加瓦]:ExtJS+WCF+LINQ打造全功能Grid一文后，得到了很多朋友的关注和支持，之后又更新了几次，导致那篇文章篇幅过长，有些朋友同时提到，这样一种编程方式，手写代码量过大，特别是extjs的代码量尤其繁重，极大的影响了对这种方式的尝试兴趣和信心。因为我也是首次学习ExtJs，在它的应用上，还不能做到得心应手的状态，因此这几天，我又对上篇文章中的实...

ExtJs与WCF交互:生成树

2017年02月06日 87 阅读

ExtJs与WCF交互:生成树2010-07-17 cnblogs jillzhang上文做了下Ajax与WCF进行json交互的简单介绍,本文阐述一个具体的实际应用:ExtJs与WCF交互,生成树.也很简单.先看看最终的效果吧:第一步: 创建一个.net framework 3.5的网站项目ExtJsTreeWcf第二步: 在网站项目中创建一个启用了Ajax的WCF服务WcfTreeService.svc，创建好之后，对该服务做如下的更改：1）在WcfT...

ExtJs的.NET控件----TabContainer和TabPanel

2017年02月06日 98 阅读

ExtJs的.NET控件----TabContainer和TabPanel2010-07-17 博客园 BeniaoTabContainer通常是与TabPanel控件配合使用的，目前很多控件库以及控件产品里基本都有这两个控件，标准控件里虽然没有，在ASP.NET AJAX里已经提供了这两个控件，用他们可以很方便的来定制选项卡级的开发。但是不同的控件都有他的优点和不足之处。比如ASP.NET AJAX里的我个人觉得界面效果太难看了，即使使用CSS也不好控制...

ExtJs的.NET控件----YuiGrid（分页/在线编辑）

2017年02月06日 92 阅读

ExtJs的.NET控件----YuiGrid（分页/在线编辑）2010-07-17 博客园 Beniao一、分页YuiGrid的分页机制不是很强大,内置有两种分页样式,下图便是其中的一种.本示例代码是借鉴于YuiGrid源代码中的测试案例的代码,使用MSSQL2005数据库,下面为分页查询的代码:1public static DataTable GetPagedMovies（string sort,int offset,int page_size,str...

ExtJS的.NET控件----YuiGrid（数据绑定、同步/异步取值）

2017年02月06日 82 阅读

ExtJS的.NET控件----YuiGrid（数据绑定、同步/异步取值）2010-07-17 博客园 BeniaoYuiGrid是ExtJs的.NET控件，其功能类似标准的GridView控件，又各有所长，本文将简单的介绍下ExtJS的.NET控件中的YuiGrid控件的一些常用功能和实现。 一、数据准备建立数据（MSSQL 2005）,字段如下图所示：二、效果预览YuiGrid的界面呈现的效果如下图：我们还可以点击列进行排序以及动态指定需要显示的列，如...

SilverlightComponent for ExtJS

2017年02月06日 86 阅读

SilverlightComponent for ExtJS2010-07-17 博客园 Beginor最近需要把Silverlight和ExtJS集成起来，索性就写了一个SilverlightComponent组件，使用这个组件可以很方便的把Silverlight控件集成进ExtJS框架之中。下面这两幅图是最终效果：Silverlight控件很容易的嵌入Ext.Window支持Silverlight控件被HTML覆盖...

使用ExtJs开发MIS系统（1）：基于ExtJs的MIS构架设计

2017年02月06日 91 阅读

使用ExtJs开发MIS系统（1）：基于ExtJs的MIS构架设计2010-07-17 博客园 冬冬本系列主要包括以下内容：基于ExtJs的MIS构架设计。Js的动态加载。使用数据库保存客户端状态。轮询和无状态设计。使用Action抽象客户端操作。客户端MVC。最后，如果还有精力的话，再写一些ExtJs性能方面的心得。本文中的例子、代码等来源于真实的的项目，所以恕不能提供完整的代码下载，但会尽量详细的阐述设计思路，并给出关键的代码片段。欢迎大家交流和指教。...

使用ExtJs开发MIS系统（2）：Js的动态加载

2017年02月06日 83 阅读

使用ExtJs开发MIS系统（2）：Js的动态加载2010-07-17 博客园 冬冬对于一个复杂的系统来说，客户端的JS可能会有上百个，如果全部加载到用户的浏览器中，一方面会导致多余的网络传输，另一方面浏览器解析大量的Js会导致性能下降，这两点都会显著的影响用户可察觉性能。所以对于Js的加载，是动态进行的，这个动态进行表现为两种方式：能不加载的Js就绝不加载。需要加载的Js在直到确实用到的时候才加载。1，能不加载的Js就绝不加载拿登陆的流程为例：尝试登陆包...

使用ExtJs开发MIS系统（3）：使用数据库保存客户端状态

2017年02月06日 97 阅读

使用ExtJs开发MIS系统（3）：使用数据库保存客户端状态2010-07-17 博客园 冬冬我们都知道，Vs.Net这样的工具每次打开时都会记住我们上次关闭时的状态：各个窗口的位置、大小；工具栏状态；自定义菜单项等。这无疑是一个使用的功能。ExtJs也包含提供了状态保存机制，其主要的控件：GirdPanel，FormPanel等，都提供了状态保存的功能。我们需要的仅仅是为其提供适当的Provider。1，客户端状态的保存我们先来看一下当一个ExtJs中的...

使用ExtJs开发MIS系统（4）：轮询

2017年02月06日 85 阅读

使用ExtJs开发MIS系统（4）：轮询2010-07-17 博客园 冬冬众所周知，Http是无状态的，每次请求结束后，客户端都会和服务器端断开连接。请求总是从客户端发起的，除非客户端发起请求，否则服务器端没有办法主动地向客户端传递任何数据。然而对于MIS，常常需要从服务器端推送数据给客户端，例如当用户提交了一个新的申请后，需要管理员去审批。解决办法就是客户端“锲而不舍”的询问服务器，是否有新的事情要做，也就是所谓轮询技术。轮询的过...

使用ExtJs开发MIS系统（5）：使用Action抽象客户端操作

2017年02月06日 81 阅读

使用ExtJs开发MIS系统（5）：使用Action抽象客户端操作2010-07-17 博客园 冬冬在客户端系统中，或者说在任何系统中，同样的操作是可以通过不同的方式激发的，比如说我们使用的浏览器，刷新当前页面可以点击刷新按钮，可以在右键菜单中选择刷新，还可以按F5快捷键。但不管操作方式如何变化，操作本身是不变的，所以我们可以把这些操作抽象出来。来看以下代码：1: Srims.Action = new function（）{2: };3:4: Srims....

使用ExtJs开发MIS系统（6）：客户端MVC

2017年02月06日 82 阅读

使用ExtJs开发MIS系统（6）：客户端MVC2010-07-17 博客园 冬冬MVC结构大家都很熟悉，利用ExtJs提供的数据和显示控件，很容易实现基于Js的客户端MVC。其中的Actions就是使用ExtJs开发MIS系统（5）：使用Action抽象客户端操作描述提到的Actions；Model由Ext.data.Record、Ext.data.Store及其派生类组成；View由Ext的各个控件构成。Ext.data.Store提供了很多事件，比如...

使用ExtJs开发MIS系统（7）：ExtJs性能浅析

2017年02月06日 84 阅读

使用ExtJs开发MIS系统（7）：ExtJs性能浅析2010-07-17 博客园 冬冬在使用ExtJs过程中，性能一直是一个比较头疼的问题，从用户的角度来看，就一个字：慢。从技术的角度来说，这个“慢”字可以分为两种，加载“慢”和渲染“慢”。想分辨这两种情况很容易：如果居于网不慢而互联网上慢，说明是加载慢；如果Chrome不慢而IE慢，就是渲染慢。还有另一种情况：越用越慢，这个&ldq...