DoubleLi

qq: 517712484 wx: ldbgliet

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  4737 随笔 :: 2 文章 :: 541 评论 :: 1614万 阅读
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

随笔分类 -  Extjs

摘要:在项目中使用ExtJS已经有一段时间了, 对于这个庞大的Script类库有了一定的了解, 在Ext的使用上也有了一定的经验, 现将这些经验做一下总结, 作为一个入门材料给大家分享。 对于Ext库, 不要被它的庞大所吓倒, 只要静下心来看SDK, 多做一些练习, 还是很容易上手的。ExtJS 中的类与继承在Ext下, 定义一个JavaScript类似乎没有什么特别的, 可以直接声明一个构造函数, 并使用关键字new来进行初始化。 有一点值得注意的是在Ext中频繁出现的Singleton类, 普遍定义为:然后就可以直接调用Foo的方法了, 其实这段代码可以理解为 这样,就容易理解了。谈到类和继承, 阅读全文
posted @ 2013-03-19 19:44 DoubleLi 阅读(329) 评论(0) 推荐(0) 编辑

摘要:不知不觉2008已经走到了尽头,在这近一年中,一直不断的尝试用ExtJS做项目,从1.1到现在的2.2,吃了不少苦头,也有不少收获,总结一下,一起分享!1.ExtJS的定位是RIA,和Prototype、jQuery等类库的定位不同。使用ExtJS做开发,就是意味着以客户端开发为主,不然就不叫RIA框架了,而Prototype、jQuery等只是辅助性的客户端框架,和ExtJS不在同一条起跑先上。如果一定要和其它的框架做比较的话,应该和Isomorphic SmartClient、Backbase Enterprise Ajax之类的框架做比较,当然,和他们相比,ExtJS还是有很大的优势的。 阅读全文
posted @ 2013-03-19 19:41 DoubleLi 阅读(334) 评论(0) 推荐(0) 编辑

摘要:抽时间研究了一下 ExtJS 3.0 内置的图表功能, 感觉还是挺不错的,于是就做了这个类图,有兴趣的可以看一下。ExtJS 的 SDK 文档这样描述这个包:The Ext.chart package provides the capability to visualize data with flash based charting. Each chart binds directly to an Ext.data.Store enabling automatic updates of the chart.大意是说, Ext.chart 包使用基于 Flash 的图表提供数据可视化的功能,每 阅读全文
posted @ 2013-03-19 19:34 DoubleLi 阅读(257) 评论(0) 推荐(0) 编辑

摘要:ExtJS 对其 Chart 的文档一直是语焉不详, 所以也一直没有从其文档中找到自定义 ExtJS.chart.PieChart 各个分块颜色的方法, 通过查找 YUI Chart 的文档( ExtJS 的 chart 就是 YUI Chart),终于找到了自定义各个分块颜色的方法,通过设置 series 的样式可以实现,代码如下:?12345678910111213141516varpie = Ext.create({width: 220,height: 132,store: store,xtype: 'piechart',series: [{categoryField: 阅读全文
posted @ 2013-03-19 19:32 DoubleLi 阅读(3814) 评论(0) 推荐(0) 编辑

摘要:Ext布局总的来说是很灵活的,因此我觉得有必要一块探讨一下。 Ext常用的布局都在Ext.layout下,这里几乎涵盖了所有的布局方式(但是值得注意的是通常我们不是直接通过"new"来创建这些类的对象然后往里面添加控件使用,而是作为控件一个配置属性使用让Ext自动创建对应的类),满足开发者需求。那么我们就其中常用的方式逐一介绍。 Border布局 Border布局是Ext中常用布局方式(经常用到整个页面的总体布局),感觉用的几率很大。在看代码之前先熟悉一种特殊的容器ViewPort,它是对于浏览器视窗的抽象,你可以将它理解为浏览器的可见区域,它将渲染到document.bo 阅读全文
posted @ 2013-02-26 23:38 DoubleLi 阅读(1152) 评论(0) 推荐(0) 编辑

摘要:Extjs修改分两种方法:1.前台直接加载;2.通过后台远程加载1.直接加载:方法 form.getForm().loadRecord();应用时要求页面上已经存在页面中的所有数据,比如选中gridPanel一行,然后直接传递此行记录,到formPanel页面,可直接加载2.后台加载:方法 form.getForm().load();应用时 传递一个参数到后台,然后远程取值,绑定。实例: var datasReader = new Ext.data.JsonReader({ root: 'data', totalProperty: 'totalCount' }, 阅读全文
posted @ 2013-02-20 09:33 DoubleLi 阅读(2152) 评论(0) 推荐(0) 编辑

摘要:web project中,有很多地方都会设置字符集,最好统一,不然出错的时候就不好找了,都以utf8为例,这是我最喜欢的字符集,让我们看看都哪些地方设置了字符集。 首先,mysql服务端,在安装后的配置阶段,最好就把字符集设置为utf8,它默认的是latin1,经常乱码。。。在安装的地方,找到my.ini,有两处字符集的地方,修改一下也可以。 然后,是sqlyog,sql的客户端,很好用,不过用时间长了,发现sql语句都不会怎么写了,还得复习一下,这个改字符集,我查了好久,软件用的不是很熟啊。。。在创建表的时候,下面有个按钮“advanced properties”,在这里修改字符集为utf. 阅读全文
posted @ 2013-02-19 23:33 DoubleLi 阅读(2287) 评论(0) 推荐(0) 编辑

摘要:第一种:Ext.getCmp("save").on('click', loginFun);//点击id为save的按钮时,执行loginFun函数function loginFun() {var w = Ext.getCmp("_window");var f = Ext.getCmp("modifyForm");//取组件var newPwd = Ext.getCmp("newPwd").getValue();//取值var oldPwd = Ext.getCmp("oldPwd" 阅读全文
posted @ 2013-02-19 23:26 DoubleLi 阅读(508) 评论(0) 推荐(0) 编辑

摘要:a、使用addListeners: addListener( String eventName, Function fn, Object scope, Object options ) panel.addListeners('click',function(){alert('点击事件')},this); b、使用addEvents自定义事件: addEvents(Object o) panel.addEvents({"eventName":true}) 激活事件 fireEvent( String eventName, Object... a 阅读全文
posted @ 2013-02-19 23:15 DoubleLi 阅读(7475) 评论(0) 推荐(0) 编辑

摘要:一、从form中获取field的三个方法:1、Ext.getCmp('id');2、FormPanel.getForm().findField('id/name');3、Ext.get('id/name');//前提是FormPanel在界面上显示出来了。二、ExtJS如何给textfield赋值的三个方法:var value="值";1、fs.form.findField(id/name).setValue(value);2、Ext.get(id/name).setValue(value);3、Ext.getCmp(id). 阅读全文
posted @ 2013-02-19 23:14 DoubleLi 阅读(22504) 评论(1) 推荐(0) 编辑

摘要:ExtJs使用总结(非常详细),需要的朋友可以参考下一、获取元素(Getting Elements)1.Ext.getvar el = Ext.get('myElementId');//获取元素,等同于document.getElementById('myElementId');//会缓存2. Ext.flyvar el = Ext.fly('myElementId')//不需要缓存。注:享元模式(Flyweight Design Pattern)是一种节省内存的模式,该模式的大概原理是建立单个全体对象然后不断反复使用它。3.Ext.getDom 阅读全文
posted @ 2013-02-03 10:53 DoubleLi 阅读(1171) 评论(0) 推荐(0) 编辑

摘要:Ext.extend在Extjs 中扮演着重大角色,是Extjs中几个重要函数之一。要想深入了解EXTJS,这个函数必须掌握不可,网上有很多关于这个函数的源码分析和介绍。关于这个函数的使用有以下几种情况。function Base(config) { this.name=config.name; this.age=config.age; this.sex=config.sex; } function base(config) { this.identity=config.identity; this.msg=config.msg; this.phone=config.pho... 阅读全文
posted @ 2013-02-03 10:29 DoubleLi 阅读(285) 评论(0) 推荐(0) 编辑

摘要:FormPanel有两种布局:form和column,form是纵向布局,column为横向布局。默认为后者。使用layout属性定义布局类型。对于一个复杂的布局表单,最重要的是正确分割,分割结果直接决定布局能否顺利实现。如果不再使用默认布局,那么我们必须为每一个元素指定一种布局方式,另外,还必须遵循以下几点:【1】落实到任何一个表单组件后,最后总是form布局【2】defaultType属性不一定起作用,必须显式为每一个表单组件指定xtype或new出新对象【3】在column布局中,通过columnWidth可以指定列所占宽度的百分比,如占50%宽度为.5。剖析出一个合理的结构,像下面这样 阅读全文
posted @ 2013-02-03 09:55 DoubleLi 阅读(538) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示