您的位置:首页 > 其它

ext 下拉列表本地获取

2012-09-25 09:36 302 查看
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>test1.html</title>

<base href="<%=basePath%>">

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

<link rel="stylesheet" type="text/css"

href="lib/extjs/resources/css/ext-all.css" />

<script src="lib/extjs/adapter/ext/ext-base.js"></script>

<script src="lib/extjs/ext-all.js"></script>

<script src="lib/extjs/build/locale/ext-lang-zh_CN-min.js"></script>

<style>

.milton-icon { background: url(./images/test.png) no-repeat; }

</style>

</head>

<body>

<script>

Ext.onReady(function(){

var cities=[

[1,"广州市"],

[2,"深圳市"],

[3,"珠海市"],

[4,"汕头市"]

];

var proxy = new Ext.data.MemoryProxy(cities);

var City=Ext.data.Record.create([

{name: "cid",type: "int",mapping: 0},

{name: "cname",type:"string",mapping:1}

]);

var reader=new Ext.data.ArrayReader({},City);

var reader = new Ext.data.ArrayReader({},[

{name: "cid",type: "int",mapping: 0},

{name: "cname",type:"string",mapping:1}

]);

var store = new Ext.data.Store({

proxy: proxy,

reader: reader,

autoLoad: true

});

var combobox = new Ext.form.ComboBox({

renderTo:Ext.getBody(),

triggerAction: "all",

store: store,

displayField: "cname",

valueField: "cid",

mode: "local",

emptyText:"请选择广东城市"

});

var btn=new Ext.Button({

text: "列表框的值",

renderTo:Ext.getBody(),

handler: function(){

Ext.Msg.alert("值","实际值:"+combobox.getValue()+";显示值:"+combobox.getRawValue());

}

});

});

</script>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: