ext 下拉列表本地获取

来源：互联网发布：输入法 centos 编辑：程序博客网时间：2024/05/28 15:41

<%@ 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%>">

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>