学习ExtJs(1):TabPanel不能AutoLoad的问题

最近在学习Ext Js以及jQuery,网络中对这两Javascript的框架各有褒贬。我还没有最终决定采用哪一个框架,不过了解了一下jQuery,发现如果要实现Ext JS的许多功能,需要自己寻找插件。对比一下:
一、寻找是费时费力的事情,还要试用才知道是不是适合你;
二、决定了就要学习各种插件的使用,虽然是插件,但是编程风格一定不同;
三、你也不知道哪天开始,你所要的插件不更新了,淘汰了
四、最重要的,等你收集够了你需要的插件,估计总体js文件的尺寸也不小了

所以,本人应该更加倾向于Ext JS,它有一个稳定、成熟的开发团队,产品延续性会更强,编程风格也能一脉相承,不用再去学习和适应不同人编写的插件的风格。虽然个头大一点,不过带宽总是再增加的。

忘记说明:本人的目的很简单:只要达到灵活使用框架而已。

前面的废话算是学习ExtJS的序片吧,哈哈……

回到正体:相信有不少朋友遇到不能AutoLoad的问题,看看ExtJs的例子,怎么他们可以。其实你如果在本地硬盘运行例子,也是不可以的。差别就在于你要把自己试验的文件放到Web服务器的虚拟路径中,就可以读去了。

答案很简单,不过费了我不少时间!因为我都是在Windows路径直接编辑js文件,也是直接双击打开测试的文件。在一般调试的时候没有问题,遇到autoLoad它就不执行了!

看下面:
items:[{id:"tab1",title:"面板1",closable:true,html:"<h1>第一面版内容</h1>"},{id:"tab2",title:"面板2",[b]autoLoad:'ajax1.html'[/b]}]

ajax1.html替换为你自己的文件,没有特别的讲究。

但是如果load的文件中包含js代码,需要这样写:
id:"tab2",title:"面板2",autoScroll:true,[b]autoLoad:{url:'Panel.html',scripts:true}[/b]

Panel.html正常运行在Tab里面。

[b][size=medium][color=red]/*2009-09-03 重要补充 */[/color][/size][/b]
前面说到panel.html可以运行,但是后来折腾了一下,发现autoload的时候又不能正常运行,调试了很久也没有结果。单独运行,无论在IE还是Firefox都正常,最终只能暂时放下。

今天在继续研究Ext其它东西的时候,慢慢的又回到了autoload的话题上,最终被我发现,如果被Load的页面同样包含ext-base.js, ext-all.js 的文件,就不会运行代码。

不过我没有深究原因,有兴趣的朋友可以研究一下,并能告诉结果的话,我会非常感谢!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值