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>
<%
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>
相关文章推荐
- ASP.NET MVC下使用AngularJs语言(六):获取下拉列表的value和Text
- java如何获取本地操作系统进程列表
- android 获取本地全部图片列表的实现及源码下载(一)
- jquery-ajax请求后台数据转换json显示在select下拉列表&&jquery获取下拉列表的值和显示内容的方法
- 循环获取<ul>下拉列表的的值。进行对比,正确的家样式
- JS 获取本地文件夹的文件列表
- javascript获取下拉列表框当中的文本值示例代码
- jquery easyui中获取下拉列表的值
- ExtASP.NET开发中日历或下拉列表控件被Grid++Report插件挡住的解决办法
- EXT 二级联动下拉列表
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radi...
- JS获取下拉列表选中项的值和文本
- Ext.form.TimeField下拉列表点击无效解决
- 获取本地文件列表后按照文件修改时间降序排列
- android 获取本地全部图片列表的实现及源码下载(二)
- javascript获取单选按钮,复选按钮,下拉列表的值
- php获取当前日期做成下拉列表
- jquery easyui中获取下拉列表的值