
ExtJS
杨文寿
个人网站:www.yangwenshou.com
展开
-
ExtJS Store 方法以及属性介绍
store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{ autoLoad : Boolean/Object, //自动载入 baseParams : Object, //只有使用httpproxy时才有意义 data : Array,原创 2012-07-21 22:04:41 · 1608 阅读 · 1 评论 -
Extjs自定义组件
// JavaScript DocumentExt.namespace('CRM.Panels');CRM.Panels.UserDetail = Ext.extend(Ext.Panel,{ width:350, height:120, data:{ ID: 0, FirstName: '', LastName: '',原创 2012-11-08 21:26:43 · 3001 阅读 · 0 评论 -
Ext 备忘录
1.工具栏 text 位置在中间bbar: [{ xtype : 'displayfield', width : 450 },{ text:"确定" },'-', { text: "取消 "原创 2012-10-31 15:44:54 · 758 阅读 · 0 评论 -
在ExtJS的ComboBox组件中实现下拉树效果
刚好项目需要用到在ExtJS的ComboBox组件中实现下拉树效果GOOGLE 就是好用 下面是我找的博文看了很多关于EXT下拉树的实现, 发现很多例子都是对EXT原有的类进行扩展, 而且都发现用起来很费劲,在这里,本人实现的EXT下拉树是直接使用 Ext.form.ComboBox + Ext.tree.TreePanel, 将两者结合起来,不需要额外的扩展效果可见附件一原创 2012-10-30 21:00:42 · 1611 阅读 · 1 评论 -
ExtJS带进度条的登陆验证+验证码+回车提交
如下是ExtJS的登陆界面效果图: 以下是程序代码:/**************************************login.html***************************************/ login.html原创 2012-08-22 17:29:35 · 2938 阅读 · 0 评论 -
Ext之grid右键菜单
Ext.ns('Ext.ux.grid'); Ext.ux.grid.RightMenu = function(options) { var currRecord = false; var currRowIndex = false; var currGrid = false; var menuItems = Ext.each(optio原创 2012-08-31 15:19:39 · 2112 阅读 · 0 评论 -
Ext.form.ComboBox 学习示例
首先从服务器获取json数据://cs后台代码,简单起见,示例而已,要主要字符串格式(新手注意,下面的代码放在类里面,不是放在方法里)public string ServerData="['湖北','江西','安徽']"; //aspx前台js介绍代码 Ext.onReady(function(){ var combo=new Ext.原创 2012-07-29 07:09:59 · 4005 阅读 · 0 评论 -
Ext.FormPanel 学习示例
的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题,创建的时候: //查看源代码便知,两种方法是一样的Ext.form.FormPanel = Ext.FormPanel;我们还是从最简单的代码实例开始吧:html代码-->body>div id="form1">div>body> //js代码var fo原创 2012-07-29 07:05:03 · 1438 阅读 · 1 评论 -
ExtJS 换肤
extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤.1.直接添加其他css文件换肤.皮肤文件:xtheme-olive.zip下载把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面:解压皮肤文件,把里面的相应的 image文件夹下的目录(比如olive)拷贝到extjs的resou原创 2012-07-29 07:13:11 · 1347 阅读 · 1 评论 -
ExtJS Panel 学习示例
//html代码div id="container"> /div> //js代码var p = new Ext.Panel({ title: 'My Panel',//标题 collapsible:true,//右上角上的那个收缩按钮,设为false则不显示 renderTo: 'container',原创 2012-07-29 06:51:34 · 14543 阅读 · 2 评论 -
Ext.Window 学习示例
window组件,它继承自panel。先介绍个最简单例子//html代码div id="win" class="x-hidden"> /div> //js代码var w=new Ext.Window({ contentEl:"win",//主体显示的html元素,也可以写为el:"win"原创 2012-07-29 07:00:30 · 1526 阅读 · 2 评论 -
Ext.MessageBox 学习示例
个人认为用extjs做后台很不错,布局比较完美!1.Ext.MessageBox.alert()方法 有四个参数,为简单起见,主要介绍前面三个参数: alert( title , msg , function(){} ) 其中title,msg为必选参数,function为可选参数,在关闭弹出窗口后触发。Ext.MessageBox.ale原创 2012-07-29 06:46:19 · 1393 阅读 · 2 评论 -
TreeGrid 异步加载节点
//定义树的加载器 var treeloader = new Ext.ux.tree.TreeGridLoader({ dataUrl : 'load_account_budget_list?summaryOrganName='+budgetName+'&budgetYear='+budgetYear+'&amtUnit='+amtUnit+'&costownershi原创 2012-11-13 17:02:36 · 5718 阅读 · 0 评论