Struts2 +Extjs结合例子

原文地址:http://czpae86.iteye.com/blog/632747

Extjs利用Dwr 进行java后台方法调用已经用过,这次利用struts2与Extjs结合进行后台方法调用返回需要的结果。

(源码见附件 : Struts2_demo.rar)

1,配置struts2开发环境,下载struts2开发包(百度一下吧);

2,创建myEclipse中创建一个web项目:如下图所示;


3,按需要引入struts2 jar包,如:


4,配置web.xml



5,书写Action类



6,配置struts.xml

7,书写Extjs GridPanel



8,书写接收返回数据页面

struts.xml文件里面的<result name="success" >jsondata.jsp</result> 页面jsondata.jsp


9,运行效果


 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ExtJS 是一个流行的 JavaScript 库,用于构建富交互式的 web 应用程序。它提供了丰富的组件和工具,可以帮助开发者快速构建功能强大、美观的用户界面。 以下是一个简单的 ExtJS 中文示例: ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>ExtJS 中文示例</title> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/extjs[email protected]/classic/theme-triton/resources/theme-triton-all.css"> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/extjs[email protected]/build/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() { // 创建一个简单的窗口 var window = Ext.create('Ext.window.Window', { title: '欢迎使用 ExtJS', width: 400, height: 300, layout: 'fit', items: [{ xtype: 'panel', html: '<h1>你好,世界!</h1>' }] }); window.show(); }); </script> </body> </html> ``` 在这个例子中,我们首先引入了 ExtJS 的样式和 JavaScript 文件。然后,使用 `Ext.onReady` 方法在页面加载完成后执行代码。 在代码中,我们创建了一个简单的窗口并设置了标题、宽度和高度等属性。窗口中包含一个面板,面板中显示了一个带有标题的简单文本。 当页面加载完成后,我们调用 `window.show()` 方法将窗口显示在页面上。 这个示例演示了如何使用 ExtJS 创建一个简单的中文窗口,并在其中显示一些文本内容。通过使用 ExtJS 的丰富组件和工具,我们可以轻松地构建出功能强大、美观的 web 应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值