其他子要代码见附件
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="../extjs/examples/shared/examples.css" />
<script type="text/javascript" src="../extjs/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="../extjs/ext-all-debug.js"></script>
<!--以下为DirectJNgine的基础JS文件,放在djn目录下,直接引用就可以。-->
<script type="text/javascript" src="../djn/djn-remote-call-support.js"></script>
<script type="text/javascript" src="../ejn/ejn-assert.js"></script>
<!--以上为DirectJNgine的基础JS文件.-->
<script type="text/javascript" src="MyActionApi.js"></script>
</head>
<script type="text/javascript" >
Ext.onReady(function (){
var html = '';
var out = new Ext.form.DisplayField({
cls: 'x-form-text',
id: 'out',
renderTo: 'outdiv',
autoScroll: true
}); //输出打印信息的DisplayField
Ext.Direct.addProvider(Ext.app.REMOTING_API,
{
id:'poll',
type:'polling',
url:Ext.app.POLLING_URLS.message, // 'string/function'
baseParams:{'polling_date':new Date()},
interval:2000
});
/** polling 追加 监听 **/
Ext.Direct.on('message', function(e)
{
out.append(String.format('<p><i>{0}</i></p>', e.data));
out.el.scroll('b', 100000, true);
});
/**
Ext.Direct.getProvider('poll').on('message',function(e)
{
// dosomething ...
})
alert(Ext.Direct.getProvider('poll').hasListener('message'));
**/
//调用后台方法
var multiply = new Ext.Button({
text: '调用后台方法',
handler: function(){
try
{
//根据类名MyAction调用它的方法doEcho,此函数没有传入参数。回调函数的参数result表示返回的结果。参数e表示当前调用状态。
MyAction.doEcho(function(result, e){
var t = e.getTransaction();
if(e.status){
out.append(String.format('<p><b>Successful call to {0}.{1} with response:</b><xmp>{2}</xmp></p>',
t.action, t.method, Ext.encode(result)));
}else{
out.append(String.format('<p><b>Call to {0}.{1} failed with message:</b><xmp>{2}</xmp></p>',
t.action, t.method, e.message));
}
out.el.scroll('b', 100000, true);
});
}
catch(err)
{
alert(err.description);
}
}
});
//panel
var p = new Ext.Panel({
title: '远程调用方法输出日志',
//frame:true,
width: 600,
height: 300,
layout:'fit',
items: [out],
bbar: [multiply]
}).render(Ext.getBody());
});
</script>
<body>
<h1>Ext Direct 使用directjngine项目,调用后台Java方法</h1>
<div id="outdiv"></div>
<div id="txtFieldDiv"></div><br/>
</body>
</html>
package com.softwarementors.extjs.djn.MyAction;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Map;
import com.softwarementors.extjs.djn.config.annotations.DirectAction;
import com.softwarementors.extjs.djn.config.annotations.DirectMethod;
import com.softwarementors.extjs.djn.config.annotations.DirectPollMethod;
//@DirectAction(action="MyAction")
public class MyAction
{
/**
* @return str
*/
@DirectMethod
public String doEcho()
{
System.out.println("com.softwarementors.extjs.djn.MyAction - 进入后台服务器端 #remotingProvider# ");
return "@DirectMethod :MyAction.doEcho";
}
/**
* @param params
* @return str
*/
@DirectPollMethod(event="message")
public String doShow(Map<String,String> params) {
System.out.println("com.softwarementors.extjs.djn.MyAction - 进入后台服务器端 #pollingProvider# ");
// assert params != null;
String param = params.get("polling_date");
System.out.println(" params : " + param);
Calendar calendar = Calendar.getInstance();
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");
String time = sdf.format(calendar.getTime());
return time ;
}
}
分享到:
相关推荐
Extjs direct demo,自己提取的demo
ExtJS后台框架_Demo,只写了一部份,可供学习人员查看并完善!
Extjs4的demo 很不错的例子
Extjs4.2练习小Demo,新手第一次上传啦,多要点分好下载更多的资源的说
ExtJs Demo100个演示Demo
extJS最新的源码以及相关内容的演示,需要的可以下
extjs的经典标签,表单等案例,学习extjs前端框架的基础
extjs 4.0官方资源包,里边包含大量的例子,建议放在web服务下后访问。
http://【localhost:5012/web】/Extjs5Demo/build/examples/index.html 【】内,输入Extjs5Demo在服务器上的地址,即可看到官方文档
extjs+java 的demo。 part1 后续更新完,总共2部分.
extJs 首页demoextJs 首页demo
extjs+demo+apiextjs+demo+apiextjs+demo+apiextjs+demo+api
extjs初体验 适合extjs初学者 extjs版本为4.2.1 结构简单 适合入门
Ext_Tree 树形菜单
基于ExtJs-3.2的demo代码,包括数据查询分页,增、删、改的实现等。
一个简单的ExtJs4.0搭建环境,利用Ext Ajax的方式提交表单,可使得显示层和控制层完全分开.
extjs4的面板,表单的例子
EXT登陆,整合STRUTS2,SPRING,IBATIS,EXTJS3.0,详细的请看看代码,因为jar包较大,暂不加jar包。的请看看代码,因为jar包较大,暂不加jar包
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
原本是打算采用EXTJS4 的MVC做应用框架,已完成左侧树菜单、tabpanel(内嵌Grid,带查询及分页功能) 但是由于网络上的相关文章太少,公司对这个框架提出疑问,以后会不会遇到问题,所以改用ext3了...唉