您的位置：首页 > Web前端 > JavaScript

(19)ExtJS之Ext.form.field.Display只读文本字段

2014-02-27 17:36 204 查看

JS文件：

Ext.onReady(function(){
	Ext.create('Ext.form.Panel',{
		title:'Ext.form.field.Display示例',
		width:600,
		frame:true,
		renderTo:Ext.getBody(),
		bodyPadding:5,
		items:[{
		fieldLabel:'展示字段',
		xtype:'displayfield',
		value:'    罗浮山又名东樵山，国家4A级景区，中国十大道教名山之一，为道教十大洞天之第七洞天，七十二福地之第三十四福地，岭南第一山，以药市而闻名于世。汉朝史学家司马迁曾把罗浮山比作为“粤岳”。罗浮山已被国务院批准为第五批国家重点风景名胜区[1]。拥有九观，十八寺，三十二庵．它位于中国广东省惠州博罗县的西北部，横跨博罗县、龙门县、增城市三地，总面积214多平方公里，和位于中国广东省佛山市境内的西樵山是姐妹山。罗浮山的主峰是飞云顶，海拔1296米。其山势雄浑，风光秀丽，四季气候宜人，是中国的“国家重点风景名胜区”和避暑胜地，被誉为“岭南第一山”。北宋苏东坡曾在这里作下“罗浮山下四时春，卢桔杨梅次第新。日啖荔枝三百颗，不辞长作岭南人”的名句，而使罗浮山闻名于世。葛洪、黄大仙、鲍姑、吕洞宾、何仙姑、铁拐李等神仙都曾留过胜迹。史学家司马迁把罗浮山比作“粤岳”，所以罗浮山素有“岭南第一山”之美称。它位于惠州博罗县境内，地处岭南“旅游休闲走廊”的中心地段，是构成“广州――香港――惠州”旅游金三角的支撑性景区和代表型景区。它西连发达的城市群（广州、佛山及南番顺等地），南接东莞、深圳，毗邻港澳与东南亚。景区规划总面积260平方公里，内有大小山峰432座，飞瀑名泉980多处，洞天奇景18处，石室幽岩72个。罗浮山不仅自然风光雄伟秀丽，而且文化底蕴深厚，每年吸引数以百万计的游人慕名到此观光揽胜，寻幽探险，休闲渡假。2010年一月份，罗浮山已被国务院批准为第五批国家重点风景名胜区，为其加快发展迈出了重要的一步。罗浮山朱明洞景区是罗浮山开发得比较完善的四大核心景区之一，年接待游客近50万人次，占全山接待游客量近二分之一，是罗浮山目前最主要的功能景区。其中，景区内的冲虚古观已有1600多年历史，是全国十大古观之一，每年吸引数十万游客到此祈福朝拜；元帅楼和十栋将军楼曾接待过共和国朱德、林彪、刘伯承、贺龙、陈毅、徐向前、叶剑英等七大元帅和近500位将军。尤其是2009年12月广（州）惠（州）、惠（州）河（源）高速公路的相继开通，罗浮山到广州、深圳、东莞、惠州等地都在60分钟以内，完全融入珠三角一小时生活圈，加上投资6000万元的罗浮山旅游大道将广汕公路、广梅公路、广惠高速与朱明洞景区直接相连，彻底解决了以往游客到朱明洞景区行路难的问题，' +
				'促使到朱明洞景区的游客呈现出较快的增长势头。',
		labelWidth:70,//标签宽度
		labelSeparator:':'//分隔符
		}]
	});
	
});

JSP文件：

<%@ 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>
    <base href="<%=basePath%>">
    
    <title>My JSP 'JS1.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!-- extjs的样式文件 -->
	<link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css">
	<!-- extjs的核心文件 -->
	<script type="text/javascript" charset="utf-8" src="js/extjs/ext-all-debug.js"></script>
	<!-- 国际化文件 -->
	<script type="text/javascript" charset="utf-8" src="js/extjs/ext-lang-zh_CN.js"></script>
	
	<script type="text/javascript" charset="utf-8" src="base/011_form_dateandother.js"></script>

  </head>
  
  <body >
  </body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航