Strust2とExtjs-Combox

chenhailong

浏览: 694253 次
性别:
来自: 沈阳

最近访客更多访客>>

zhiheng1001319

zdsurge

shaokai132333

farghost

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JspAndFaceWeb

我简单实现了一个Struts2和Extjs-Combox的例子

主要是Struts Json 和Extjs 读取JSon的操作

package jp.fujixerox.bean;

/**
 * 
 * @author cnchenhl
 * 
 */
public class User {

    private String id;
    private String name;

    public User() {
    }

    public User(String id, String name) {
        this.id = id;
        this.name = name;

    }

    /**
     * @return the id
     */
    public String getId() {
        return id;
    }

    /**
     * @param id the id to set
     */
    public void setId(String id) {
        this.id = id;
    }

    /**
     * @return the name
     */
    public String getName() {
        return name;
    }

    /**
     * @param name the name to set
     */
    public void setName(String name) {
        this.name = name;
    }

}

package jp.fujixerox.servlet;

import java.util.ArrayList;
import java.util.List;

import jp.fujixerox.bean.User;

import com.opensymphony.xwork2.ActionSupport;

public class WelcomeCombox extends ActionSupport {

    private boolean success = false;
    private List<User> list;

    @Override
    public String execute() throws Exception {
        list = new ArrayList<User>();
        list.add(new User("1", "Me"));
        list.add(new User("2", "Your"));
        list.add(new User("3", "He"));
        list.add(new User("4", "She"));
        list.add(new User("5", "We"));
        list.add(new User("6", "They"));
        setSuccess(true);
        return SUCCESS;
    }

    /**
     * @return the list
     */
    public List<User> getList() {
        return list;
    }

    /**
     * @param list the list to set
     */
    public void setList(List<User> list) {
        this.list = list;
    }

    /**
     * @return the success
     */
    public boolean isSuccess() {
        return success;
    }

    /**
     * @param success the success to set
     */
    public void setSuccess(boolean success) {
        this.success = success;
    }

}

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">
 
<struts>
	<package name="user" namespace="/" extends="struts-default">
		<action name="Login">
			<result>login.jsp</result>
		</action>
		<action name="Welcome" class="jp.fujixerox.servlet.WelcomeUserAction">
			<result name="SUCCESS">welcome_user.jsp</result>
		</action>
	</package>
	<package name="ajax" extends="json-default">
		<action name="testDesigner" class="jp.fujixerox.servlet.WelcomeCombox" >
			<result type = "json"/>
		</action>
	</package>
</struts>

<?xml version="1.0" ?>
<Context  path="/designTest" docBase="D:\ExtJSApplication\ExtDesignerTest\webapp" reloadable="true" crossContext="true"/>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Data Store Test</title>
<link rel="stylesheet" type="text/css" href="../ext-4.0.7/resources/css/ext-all-gray.css" charset="UTF-8">
<script type="text/javascript" src="../ext-4.0.7/bootstrap.js"></script>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
	<h1 style="font-size: 30px; margin: 10px">Test ExtDesigner</h1>
	<div id="test" style="margin: 30px 0px 0px 30px"></div>
</body>
</html>

Ext.onReady(function() {

	Ext.define('ExtjsDesignTest.store.MyJsonStore', {
		extend : 'Ext.data.Store',

		constructor : function(cfg) {
			var me = this;
			cfg = cfg || {};
			me.callParent([ Ext.apply({
				storeId : 'MyJsonStore',
				autoLoad : true,
				fields : [ 'id', 'name' ],
				proxy : {
					type : 'ajax',
					noCache : false,
					url : '/designTest/testDesigner.action',
					reader : {
						type : 'json',
						root : 'list',
					}
				}
			}, cfg) ]);
		}
	});

	var testStore = new ExtjsDesignTest.store.MyJsonStore();

	Ext.define('ExtjsDesignTest.view.ui.TestDesigner', {
		extend : 'Ext.form.Panel',

		height : 142,
		width : 274,
		activeItem : 0,
		layout : {
			align : 'stretch',
			type : 'vbox'
		},
		bodyPadding : 10,
		title : 'ExtDesigner-Test',
		renderTo : Ext.get("test"),

		initComponent : function() {
			var me = this;

			Ext.applyIf(me, {
				items : [ {
					xtype : 'combobox',
					width : 252,
					emptyText : 'Select Name',
					fieldLabel : 'Test',
					displayField : 'name',
					valueField : 'id',
					store : testStore,
					flex : 1
				} ]
			});
			me.callParent(arguments);
		}
	});

	var testCombox = new ExtjsDesignTest.view.ui.TestDesigner();

});

0
顶

0
踩

分享到：

Remove Webkit Search Input Styles | ExtDesigner 1.2X破解补丁

2012-04-10 13:42
浏览 1554
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Strust2とExtjs-Combox

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Strust2とExtjs-Combox

评论

发表评论

相关推荐

2817955743

JQuery的替代品Zeptojs

121212

JS 操作Cookie，记录帐号信息

How to install two tomcat in one computer

Jackson 双引号的问题

flex

iBatis简单实践

Spring的长篇大论

JQuery的Flexigrid的API使用

bacup

Spring MVC and AJAX with JSON

JQuery ajax use json communicate with server

SpringMVC wizard简单示例

get access time from tomcat log

JSF简单实践

Extjs Template两个小例子

Tomcat Romete Debug

YUI

DBUnit的简单实践

最近访客更多访客>>