您的位置：首页 > Web前端 > JavaScript

Extjs Ajax框架与Jsp自定义标签

2008-03-28 00:35 363 查看

[align=center]Ajax框架与Jsp自定义标签[/align]

前些天看了一个 Js框架(Ext 2.0) .它里面的各种组件蛮多,显示效果不错 .于是就收藏了下来.
当我们用Js脚本的时候,最怕就是不小心,多了或少了一个标点.要发现他简直是折磨人. 什么也没显示.也不知道错在哪.呵呵 ,如果这样搞的话,使用他就是在折磨人.将严重影响项目进度.
当然这些脚本不友好.也是有办法解决的.那就是避免手工去写脚本.因为手工写效率低,容易出错.
在 jsp里面我们可以通过标签了简化手写代码. 所以我就尝试着用自定义标签来封装这些脚本,使我们可以在IDE中完全不用脚本. 理论上说 ,我们通过编写自定义标签可以表达Javascript.利用Java 里的反射和注解可以来实现. 他实现基本上相当与翻译器.
例如我们要用这个框架里的组件实现这样的界面:

脚本如下:

new Ext.Panel({ title:'业务办理', items:[
new Ext.tree.TreePanel({ loader: new Ext.tree.TreeLoader(), root:
new Ext.tree.AsyncTreeNode({ children:[
{expanded:true, children:[
{ leaf:true, text:'档案管理' },
{ leaf:true, text:'职位转移' },
{handler:dd, leaf:true, text:'密码服务' }], text:'用户管理', items:[
{ leaf:true, text:'档案管理' },
{ leaf:true, text:'职位转移' },
{handler:dd, leaf:true, text:'密码服务' }] },
{expanded:true, children:[
{ leaf:true, text:'入库管理' },
{ leaf:true, text:'出库管理' },
{ leaf:true, text:'新品登记' }], text:'商品管理', items:[
{ leaf:true, text:'入库管理' },
{ leaf:true, text:'出库管理' },
{ leaf:true, text:'新品登记' }] },
{expanded:true, children:[
{ leaf:true, text:'入库管理' },
{ leaf:true, text:'出库管理' },
{ leaf:true, text:'新品登记' }], text:'商品管理', items:[
{ leaf:true, text:'入库管理' },
{ leaf:true, text:'出库管理' },

})

我们用自定义标签来表达

通过标签我们在Jsp页面可以很容易很清晰地管理框架组件.

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航