文章分类 -  extjs

extjs ui
表单及表单控件详解一(表单布局和基础控件 Text,TextArea,Number,Checkbox,Radio,Date)
摘要：转载：http://www.cnblogs.com/fangsui/archive/2012/05/04/2482477.html表单基础 如果说GRID是数据展示最直接的方式，那么表单就是数据采集最常用的方式。在一个项目中，从小的登录界面到大的报表填报，表单无处不在。而Ext中提供 了大量的表单控件，不仅美化了html本身所提供的表单元素，也有着其不具备的强大功能。值得一说的是，在性能上Extjs还是有一定的瓶颈，请大家注意 优化，切勿滥用。（因表单控件较多，分多个篇章来讲述，务必会具体到各个细节及各种应用，有不详之处请大家指出） 首先是一段简单的代码申明:Ext.require([ ... 阅读全文
posted @ 2013-12-31 15:43 haiwei.sun 阅读(476) 评论(0) 推荐(0)
Eclipse的ExtJs智能提示
摘要：Eclipse的ExtJs智能提示.它提供了非常准确的Ext API提示。下载地址：http://www.agpad.com/downloads/spket-1.6.12.zip1、将下载回来的文件解压，并将eclipse文件夹下面的两个文件夹复制你的eclipse目录下。2、Window → Preferences → Spket → JavaScript Profiles → New ；3、输入“ExtJS”点击OK；4、选择“ExtJS”并点击“Add Library”然后在下拉条中选取“ExtJS”；5、选择“ExtJS”并点击“Add File”，然后在你的./ext-2.x/sou 阅读全文
posted @ 2012-12-26 13:11 haiwei.sun 阅读(522) 评论(0) 推荐(0)
extjs3.2.1 -- 简单的curd操作
摘要：Ext.onReady(function(){ if(Ext.isIE){ Ext.enableGarbageCollector=false; } Ext.BLANK_IMAGE_URL = site_url+"extjs/resources/images/default/s.gif"; Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; // Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); var 阅读全文
posted @ 2012-07-15 13:34 haiwei.sun 阅读(497) 评论(0) 推荐(0)
Extjs在IE报错"对象不支持此属性或方法", 而在firefox正常可用
摘要：http://blog.csdn.net/huang_xw/article/details/7491313ExtJS在Firefox里面显示正常，但是用IE打开的时候报错：对象不支持此属性或方法（object doesn't support this property or method）。在网上找了一下，This is an issue in IE where the first element of the body can’t be a text node。原来body标签内的第一个元素不能为文本text，否则IE浏览器会报错。也就是说<body>后面必须是div、s 阅读全文
posted @ 2012-07-15 13:09 haiwei.sun 阅读(683) 评论(0) 推荐(0)
Extjs -- FormPanel基础
摘要：function simpleForm(){ var fpanel = new Ext.form.FormPanel({ title:"用户基本信息", width:400, height:400, //labelAlign:"right", labelWidth:60, //fileUpload:true,//component buttons:[{text:"提交",handler:function(){//BasicForm FormPanel ... 阅读全文
posted @ 2012-07-10 23:32 haiwei.sun 阅读(139) 评论(0) 推荐(0)
Extjs--FormPanel(6)
摘要：var tab2 = new Ext.FormPanel({ labelAlign: 'top', title: 'Inner Tabs', bodyStyle:'padding:5px', width: 600, items: [{ layout:'column', border:false, items:[{ columnWidth:.5, layout: 'form', ... 阅读全文
posted @ 2012-02-23 13:25 haiwei.sun 阅读(181) 评论(0) 推荐(0)
Extjs--FormPanel(5)
摘要：var tabs = new Ext.FormPanel({ labelWidth: 75, border:false, width: 350, items: { xtype:'tabpanel', activeTab: 0, defaults:{autoHeight:true, bodyStyle:'padding:10px'}, items:[{ title:'Personal Details', ... 阅读全文
posted @ 2012-02-23 11:01 haiwei.sun 阅读(134) 评论(0) 推荐(0)
Extjs--FormPanel(4)
摘要：<script type="text/javascript"> Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var form1 = new Ext.FormPanel({ labelAlign: 'top', frame:true, title:'Multi Column, Nested Layouts and Anchoring'... 阅读全文
posted @ 2012-02-23 10:50 haiwei.sun 阅读(127) 评论(0) 推荐(0)
Extjs--FormPanel(3)
摘要：<script type="text/javascript"> Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var form1=new Ext.FormPanel({ labelWidth:75, url:'save.php', frame:true, title:'测试测试三', bod... 阅读全文
posted @ 2012-02-23 10:07 haiwei.sun 阅读(147) 评论(0) 推荐(0)
Extjs--FormPanel(2)
摘要：Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var form1 = new Ext.FormPanel({ labelWidth: 75, url:"save.php", frame:true, title:"表单测试一", bodyStyle:'padding:5px 5px 0', ... 阅读全文
posted @ 2012-02-23 09:54 haiwei.sun 阅读(108) 评论(0) 推荐(0)
Extjs--FormPanel(1)
只有注册用户登录后才能阅读该文。
posted @ 2012-02-23 09:27 haiwei.sun 阅读(9) 评论(0) 推荐(0)

返回顶部