
EXT JS
文章平均质量分 82
黑暗行动
足球
乐观
架构设计
展开
-
Ext Js 怪问题1记录
我用的是Ext JS Library 2.2版本!我所有的页面(用 HomePage.aspx 举例)在浏览器中浏览正常运行的.但是当把页面通过iframe显示时: Ext.onReady(function(){ ...................... //省略代码}); 竟然报错!!!!!! 当我改用 window.onload=func原创 2018-04-25 15:34:09 · 140 阅读 · 0 评论 -
Extjs Design 可视化开发工具
Extjs 出可视化开发工具啦! 不清楚Ext可视化的可以看一下http://www.screencast.com/users/JackSlocum这里的三个视频哈。 安装和汉化的步骤 第一步下载:Ext需要支持AIR的支持 下载并安装 http://airdownload.adobe.com/air/win/download/latest/AdobeAIRInstaller.原创 2018-04-25 15:36:13 · 2183 阅读 · 0 评论 -
用Ext开发的仿‘遨游浏览器’系统界面
有点应用程序的感觉哈!软件截图也算给公司做广告拉!先看遨游的界面软件截图1 蓝皮肤软件截图2 绿皮肤软件截图3 银白皮肤软件截图4 蓝皮肤自己感觉还可以,布局设计还可以进一步改进,有意见可以提出来啊!原创 2018-04-25 15:37:09 · 203 阅读 · 0 评论 -
Extjs中TextField中显示图标
实现很简单 在TextField的style属性中设置:style: { background: '#ffffff url(pen.gif) no-repeat left center', paddingLeft: '20px' } 就可以了!原创 2018-04-25 15:37:17 · 969 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(1) GroupGrid.js
由于代码空格太多,一篇发不完分成两段发上来。 GroupGrid.js 代码段(1) Ext.namespace("Ext.tet");Ext.tet.GroupGrid=Ext.extend(Ext.grid.GridPanel , { //=====================================自定义属性结束===========原创 2018-04-25 15:37:37 · 315 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(2) GroupGrid.js
接着上《一篇自己封装的Extjs组件GroupGrid的代码(1) GroupGrid.js》 剩余GroupGrid.js代码:createChartWindow:function(){ var date=new Date().format("Y-m-d H:i:s");原创 2018-04-25 15:37:40 · 319 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(3) GroupGrid.js
接着上《一篇自己封装的Extjs组件GroupGrid的代码(2) GroupGrid.js》this.hightQueryFormPanelItem=hightQueryFormPanelItem; //高级查询控件 this.store.baseParams["s原创 2018-04-25 15:37:43 · 208 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(4) pagination.ashx
pagination.ashx 是起到数据分页的作用!代码如下:using System;using System.Web;using System.Data;using System.Data.SqlClient;public class pagination : IHttpHandler { public void ProcessRequest (Ht原创 2018-04-25 15:37:46 · 181 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(5) toExcel.aspx
toExcel.aspx 主要是将数据导出到Excel中using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.U原创 2018-04-25 15:37:49 · 142 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(6) statisChart.ashx
statisChart.ashx 的作用是生成简单图表代码:using System;using System.Web;using System.Data;using System.Data.SqlClient;public class statisChart : IHttpHandler { public void ProcessRequest (Htt原创 2018-04-25 15:37:52 · 182 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(7) ChartWindow.js
ChartWindow.js 作用生成图表界面 Ext.chart.Chart.CHART_URL = '/ExtProject/Client/Ext/resources/charts.swf';Ext.namespace("Ext.tet");Ext.tet.ChartWindow=Ext.extend(Ext.Window, { chartUrl:"/Ex原创 2018-04-25 15:37:55 · 186 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(8) FormatWhere.js
FormatWhere.js 作用是自动生成数据库查询条件function whereRelation(_fieldName,_fieldValue,_dataType,_relationValue,_operate,_like){ this.fieldName = null; //字段名称 this.fieldValue = null;原创 2018-04-25 15:37:58 · 151 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(11) 测试页面
入图: htm代码: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >无标题页 window.onload=function(){ Ext.QuickTips.init();原创 2018-04-25 15:38:00 · 174 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(12) 测试页面
如图: htm代码: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >无标题页.RowStyle { background-color:#EFF3FB; } .AlternatingRowStyle{ back原创 2018-04-25 15:38:03 · 163 阅读 · 0 评论 -
发一个ExtJS(2.2)上传插件Ext.ux.UploadDialog.js
这个插件是从《恒润基合同管理系统 1.5 免费版》版本看到的,觉的好用就给挖下来了。 破解js代码还小费了一番功夫,js代码先加密成16制代码,又使用其他加密工具加密的。解密后发现变量都变成a,b,c,d,e 看起来累啊! 我因为使用的是 CooliteToolkit 所以不需要手动添加Extjs文件,大家自己添加上吧。 程序运行 index.aspx (不会用CooliteT原创 2018-04-25 15:38:20 · 419 阅读 · 0 评论 -
收藏的Extjs组件IconCombobox
IconCombobox 代码: Ext.ux.IconCombo = Ext.extend(Ext.form.ComboBox, { initComponent:function() { Ext.apply(this, { tpl: '' + ' + '{' + this.iconClsF原创 2018-04-25 15:35:53 · 312 阅读 · 0 评论 -
ExtJs 怎么GridPanel有两层工具栏
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" > cript" src="../../Client/Ext/adapter/ext/ext-base.js"> cript" src="../../Client/Ext/ext-all.js"> cr原创 2018-04-25 15:35:50 · 450 阅读 · 0 评论 -
收藏Extjs组件comboxTree
TreeComboField.js 代码: Ext.namespace("Ext.tet");Ext.tet.TreeComboField = Ext.extend(Ext.form.TriggerField, { valueField : "Id", displayField : "Name", haveShow : false, editable : false,原创 2018-04-25 15:35:48 · 511 阅读 · 0 评论 -
Ext Js 怪问题2记录
我用的是Ext JS Library 2.2版本!我所有的页面(用 Right.aspx 举例)在浏览器中浏览正常运行的.入图:但是当把页面通过iframe显示时,就变了看到了吧,树中多了好多空行啊!!!!!!!!我没用其他CSS样式,怪怪怪怪怪怪怪怪!!!!!!!!原创 2018-04-25 15:34:12 · 118 阅读 · 0 评论 -
动态改变GridPanel分页数量
Ext.BLANK_IMAGE_URL="../../Client/Images/s.gif";var pageSize = 10; //分页数 var RoleFields=["RoleID","RName","Rmemo"]; var RoleInfoStore=new Ext.data.GroupingStore({ proxy:new Ext.data.HttpPr原创 2018-04-25 15:34:15 · 641 阅读 · 0 评论 -
ExtJs-遍历Formpanel中所有控件
var UserCombox=new Ext.form.ComboBox({ tpl: '{LoginName}', store: storeUser, typeAhead: true, fieldLabel:'登录名', forceSelection: true,原创 2018-04-25 15:34:21 · 1380 阅读 · 0 评论 -
ExtJs动态生成含有checkBox的Tree
注意事项:返回的json数据中要包含checked属性! 给Tree添加了checkBox选中事件,选中父接点能自动选中所有子节点,改变子节点的状态的同时也能根据其兄弟节点的状态来改变父节点的选中状态。//=========================================代码如下===============Ext.BLANK_IMAGE_URL="原创 2018-04-25 15:34:24 · 508 阅读 · 0 评论 -
ExtJs-Tree生成后,重新绑定数据
function treeReLoaded(tree,url){ var TreeLoader=tree.getLoader(); //得到Ext.tree.TreeLoader TreeLoader.dataUrl=url; //更新数据源原创 2018-04-25 15:34:27 · 368 阅读 · 0 评论 -
Asp.net生成Extjs-Tree数据格式的json类
using System;using System.Collections;using System.Collections.Generic;using System.Text;//using System.Web.Script.Serialization;using System.Runtime.Serialization;/// /// JSONHelper 的摘要说明/// public原创 2018-04-25 15:34:30 · 124 阅读 · 0 评论 -
Asp.net生成Extjs-Gridpanel数据格式json类
using System;using System.Collections;using System.Collections.Generic;using System.Text;//using System.Web.Script.Serialization; /// /// JSONHelper 的摘要说明/// public class JSONHelper{ //对应JSON的sing原创 2018-04-25 15:34:32 · 176 阅读 · 0 评论 -
EXT组件的扩展与插件开发
在Ext框架中没有相应的功能,我们可以自己动手实现。但是究竟是写扩展(Extension)还是写插件(Plugin)呢?EXT组件的扩展与插件它们之间是有很相似的地方:1,它们都是对现有的库的功能进行修改或加入新的功能。2,扩展与插件均不能独立使用,它们须依赖组件、类运行。 扩展扩展(extension)在Ext中就是指衍生的子类。假设我们已经有一个附有一些方法的基类,现在原创 2018-04-25 15:35:09 · 1757 阅读 · 1 评论 -
自己封装的Extjs组件GroupGrid(1)
效果图(1): 能自动生成 按显示字段查询,高级查询,导出数据,统计图, 改变每页记录数 效果图(2): 能够使用插件,多表头插件效果图(3): 记录分组显示,高级查询界面效果图(4):能够自动生成 增加和修改界面 效果图(5):生成简单的统计图 效果图(6):自带右键菜单 GroupGrid 用到了后面日志中介绍的几个组件,有兴趣的可以看看后面几个组件的代码!最后在把Gr原创 2018-04-25 15:35:25 · 243 阅读 · 0 评论 -
自己封装的Extjs组件combox(2)
效果图:以摸板形式绑定数据 效果图:及联查询 效果图:绑定本地数据,默认选种第一个 源代码: Ext.namespace("Ext.tet");Ext.tet.ComboBox=new Ext.extend(Ext.form.ComboBox,{ DataSource:{tableName:null,cols:[],relatio原创 2018-04-25 15:35:28 · 334 阅读 · 0 评论 -
AmCharts 图表控件
下载地址:http://www.componentcn.com/pro_view.asp?id=3455 最近开发程序找到一个好用又好看的图形控件!放几个效果推荐下! 是不是很漂亮啊!!!原创 2018-04-25 15:35:34 · 450 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(10) FieldTriggerField
在GroupGrid基础上封装成的,类似combox 不过显示的不是列表而是表格,选择想要的字段值。 代码如下: Ext.namespace("Ext.tet");Ext.tet.TriggerField=Ext.extend(Ext.form.TriggerField ,{ createWindowPanel:原创 2018-04-25 15:35:36 · 227 阅读 · 0 评论 -
自己封装的Extjs组件GroupGrid的代码(9) DateField TextField NumberField
这三个组件为GroupGrid 实现高级查询服务的,选择数据范围使用。datefield 代码:Ext.namespace("Ext.tet");Ext.tet.DateField=new Ext.extend(Ext.Panel,{ //----------------------------缺省设置----------原创 2018-04-25 15:35:39 · 171 阅读 · 0 评论 -
收藏的Extjs 多表头插件GroupHeaderGrid
效果图: 是不是非常酷啊!js 代码:Ext.namespace("Ext.tet.plugins");Ext.tet.plugins.GroupHeaderGrid = function(config) { Ext.apply(this, config);};Ext.extend(Ext.tet.plugins.GroupHeaderGr原创 2018-04-25 15:35:42 · 834 阅读 · 0 评论 -
Extjs5 开发包和API 下载
源代码下载http://cdn.sencha.io/ext/gpl/ext-5.0.0-gpl.zipAPI文档下载http://cdn.sencha.com/downloads/docs/ext-docs-5.0.ziphttp://cdn.sencha.com/downloads/docs/ext-docs-5.1.zip原创 2018-04-25 15:41:44 · 957 阅读 · 0 评论