随笔分类 -  Extjs

学习Extjs的过程
摘要:在一个主窗口中可以添加很多其他的窗口,可以通过窗口对象属性的设置限制窗口的拖动范围,下面展示两种限制拖动的情况。var constrainedWin, constrainedWin2;var win2 = Ext.create('widget.window', { height: 200, width: 400, x: 450, y: 450, title: '限制拖动范围的窗口', closable: false, plain: true, layout: 'fit', items: [constrainedWin = Ext.creat... 阅读全文
posted @ 2012-12-18 14:47 liyuzhao 阅读(2964) 评论(0) 推荐(0) 编辑
摘要:Ext中的展现基本都需要窗口的支持,渲染点、技术点比较多,别担心,慢慢搞定她。这里先展示一个简单的窗口。一、简单窗口 1 Ext.require(["*"]); 2 3 Ext.onReady(function () { 4 var win1; 5 var btnA1 = Ext.get("btnA1"); 6 btnA1.on("click", function (e) { 7 if (!win1) { 8 win1 = Ext.create('widget.window', { 9 title... 阅读全文
posted @ 2012-12-18 13:46 liyuzhao 阅读(1373) 评论(0) 推荐(1) 编辑
摘要:今天主要记录一下学习的Ext.MessageBox。废话少说 直接上代码和效果预备代码(javascript):Ext.MessageBox有个简写形式:Ext.Msg 这两种使用效果是一样的。 1 Ext.require(["*"]); 2 3 var DemoFunc = { 4 evtAfterClick: function (btn, text) { 5 alert("点击按键类型:" + btn); 6 if (undefined != text && null != text) { 7 alert("... 阅读全文
posted @ 2012-12-18 11:35 liyuzhao 阅读(6444) 评论(0) 推荐(0) 编辑
摘要:在使用Ext的ComboBox中,使用HTML控件的DIV元素时,将程序中的applyTo换成renderTo即可。常规使用HTML控件的<input type="text" id="myComboBox" />可以使用Ext的applyTo属性渲染该控件。 阅读全文
posted @ 2012-01-30 18:09 liyuzhao 阅读(287) 评论(0) 推荐(0) 编辑
摘要:Ext分页中需要调用store的load()函数,而load()函数与Proxy有关。SimpleStore不但没有设置Proxy,而且也没有重写load()函数,所以会出现错误,从而导致无法显示分页信息。 阅读全文
posted @ 2012-01-10 21:12 liyuzhao 阅读(214) 评论(0) 推荐(0) 编辑
摘要:delay:在事件发生延迟一段进间才执行。buffer:在事件发生延迟一段进间才执行,同时会创建一个Ext.util.DelayTask对象,并把fn放入其中等待执行。若在等待的过程中再次触发事件,上次的任务就会被取消,并把新的fn放入任务队列中,可以保证fn不会重复执行多次。Ext.get('mytest').on('click', fnMyTest, this, { buffer: 1000})function fnMyTest() { alert("看看效果") ;} 阅读全文
posted @ 2012-01-09 22:56 liyuzhao 阅读(479) 评论(0) 推荐(0) 编辑
摘要:从一开始接触Ext就看到有Ext.fly这个函数,当时觉得这个跟Ext.get没什么区别,加之当时对JS性能相关问题认识肤浅,也一直没有在意其区别,今日看learning extjs一书,看到了有专门对Ext.fly特别强调的一处: This isn't exactly a speed tip, but is more about conserving memory by using something called a "flyweight" to perform simple tasks, which results in higher speed by not 阅读全文
posted @ 2012-01-09 20:15 liyuzhao 阅读(1088) 评论(0) 推荐(1) 编辑

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