extjs json 数据的操作 自由操作服务器返回的json数据

1.portal.js中代码如下:

Ext.namespace("_portal");
_portal.setNews=function(node,value){
	node.innerHTML=value;
};
_portal.record=Ext.data.Record.create
(
    [
"notice",
"dynamic",
"contact",
"hot",
"risk",
"user",
"sys",
"office"
    ]
    ); 
_portal.storeJSON = new Ext.data.Store
(
{
    proxy:new Ext.data.HttpProxy
    (
    {
        //url:"./portal.do?_method=init",
        url:'data.js',
        method:"POST",
        success:function(response,options)
        {
        },
        failuer:function(){		
        }
    }
    ),
    reader:new Ext.data.JsonReader
    (
    {
        root:"news",
        totalProperty:"total"

    },
    _portal.record
                 
    )
}
) ;

_portal.refrsh_=function(){
	_portal.storeJSON.load();
	var notice,contact,office,user,hot,risk,sys,dynamic;
	setTimeout(function(){
		notice=_portal.storeJSON.getAt(0).get('notice');
		contact=_portal.storeJSON.getAt(0).get('contact');
		office=_portal.storeJSON.getAt(0).get('office');
		user=_portal.storeJSON.getAt(0).get('user');
		hot=_portal.storeJSON.getAt(0).get('hot');
		risk=_portal.storeJSON.getAt(0).get('risk');
		sys=_portal.storeJSON.getAt(0).get('sys');
		dynamic=_portal.storeJSON.getAt(0).get('dynamic');
		_portal.setNews(document.getElementById("home-news11"),notice);
		_portal.setNews(document.getElementById("home-news12"),dynamic);
		_portal.setNews(document.getElementById("home-news21"),contact);
		_portal.setNews(document.getElementById("home-news22"),hot);
		_portal.setNews(document.getElementById("home-news23"),risk);
		_portal.setNews(document.getElementById("home-news31"),user);
		_portal.setNews(document.getElementById("home-news32"),sys);
		_portal.setNews(document.getElementById("home-news33"),office);
	},500);
};

2.data.js 中数据如下:

{"total":8,"news":[{"notice":"文强/二审中评价弟媳谢才萍 称其爱惹是生非 <\/b><\/br>

　　华龙网5月 13日14时05分讯（数字记者李心成、陈丹） 今日13时55分，文强案二审在重庆市高级人民法院继续公开开庭审理。<\/p>\n\n

　　下午的庭审开始后，检察员首先就文强包庇纵容其弟媳谢才萍等人黑社会性质组织犯罪的部分事实进行了讯问。<\/p>\n\n

　　文强在回答检察员讯问时说，一次其弟媳谢才萍因开设赌场被抓，有人给他打电话告之此事，并希望他出面说情。他听到这件事后，气愤地说“她就是个\n惹事的包包”！说完即挂断电话。<\/p><\/p>","dynamic":"Java字符串转日期或日期转字<\/b><\/br>

用的 API是SimpleDateFormat，它是属于java.text.SimpleDateFormat，所以请记得import进来。\n

    用法：SimpleDateFormat sdf  =   new  SimpleDateFormat（ \" yyyy-MM-dd \nHH：mm：ss \" \n）；这一行最重要，它确立了转换的格式，yyyy是完整的公元年，MM是月份，dd是日期，至于HH：mm：ss就不需要我再解释了吧！< \/p>\n

    ps：为什么有的格式大写，有的格式小写，那是怕避免混淆，例如MM是月份，mm是分；HH是24小时制，而hh是12小时制<\/p><\/p>你发<\/b><\/br>

你好<\/p>","contact":"合同<\/b><\/br>

adfsdfdf<\/p>","hot":"胡等中共七常委参观世博园<\/b><\/br>

 世博会开幕之际，中成功、精彩、难忘的世博会。<\/p>红楼梦作者是小明<\/b><\/br>

好看的红楼梦<\/p>","risk":"医学专家：詹姆斯右肘韧带撕裂 打止痛针坚持出战<\/b><\/br>

新浪体育讯　北京时间5月13日消息，据 FearTheSword.com报道，克利夫兰骑士球星勒布朗-詹姆斯在昨天的比赛中全场\n14投3中，仅得15分，骑士也以 88-120惨负波士顿凯尔特人，系列赛总比分以2-3落后，距离出局一步之遥。\n\n

　　事实上，整个季后赛期间，詹姆斯<\/a>\"医学专家：詹姆斯右肘韧带撕裂打止痛针坚持出战\"<\/a> 的右肘就一直有问题，而此前在接受采访时，他总是表示自己的伤势没有任何问题，他可以继续参加比赛。<\/p>\n\n

　　不过，据一位熟悉詹姆斯的医学专家透露，詹姆斯的右肘实际上已经出现了韧带撕裂，这个伤势足以让他缺席6到8周的时间。但是，为了不缺席季后\n赛，詹姆斯决定继续坚持，带伤出战。在与凯尔特人的系列赛第四场比赛开始之前，詹姆斯为了缓解右肘的疼痛，不得不给右肘注射了止痛针，用来麻木患处，而这\n种针每10天才可以注射一次，所以在昨天的比赛中，詹姆斯无法继续注射，只好忍痛出战。<\/p>\n\n

　　目前，越来越多的证据表明，“皇帝”的伤势需要休息，特别是从首轮与芝加哥公牛的系列赛第五场比赛之后，这种情况越来越明显。<\/p>\n\n

　　在与凯尔特人的第二场、第四场、第五场比赛中，詹姆斯期间各有一天休息时间，因此他在这3场比赛里总共47投只有17中，3分线外13投0中。\n相反，在第一场和第三场比赛中，由于拥有更多的休息时间，詹姆斯总共46投26中，拿下了 73分。也就是这两场比赛，骑士均赢得了胜利。<\/p>\n\n

　　在今天接受采访时，詹姆斯终于承认，他右肘的情况确没有自己之前说的那么简单。<\/p>\n\n

　　“我的右肘确实有点问题，等到休赛期的时候，我会好好处理一下的。”詹姆斯说道。<\/p>\n\n

　　(一分钱)<\/p><\/p>","user":"“薄今”何需“厚古”<\/b><\/br>

\n楼市之辩升温，各地的所谓调控措施也陆续出台。比如，北京就出台政策，“一家庭只能买一套新房”、“不在北京工作的外地人不给贷款买房”、“超过限\n价的土地不让成交”等等。有感于此，铅笔社陈青蓝（加西亚）不久前在新浪发了这样一个歪脖：“1949年刚解放，上海米价大涨，奸商们囤积居奇。陈毅市长\n的对策是：从各地大批调进大米。结果米价应声而跌，奸商们赔得跳楼。当时距离市场经济还不远，的干部还没忘记市场手段。”<\/p>\n

”<\/p>\n

对于60年前的上海往事，语气有调侃，我当然看得出来。然而，“没忘记市场手段” 几个字却让我感到有些郁闷，不吐不快。<\/p><\/p>","sys":"1111111<\/b><\/br>

11111111111111111<\/p>","office":"市场预期沪楼市新政趋严 含房产税<\/b><\/br>

昨日，有媒体报道称，上海楼市调控细则将在近日出台，且将“尽快实现对住房保有环节征税”。对此，上海住房保障及房屋管理局一位人士向《第一财经日报》透\n露，房产税的“改革”确实已箭在弦上，“有关部门正在操作，但是最后执行的条款如何，现在谁也说不清楚。”<\/p>CRIC一季度净利润同比增长119%<\/b>< \/br>

RIC公布2010年第一季度业绩报告：\n\n

　　营业额为2720万美元，同比增长123%，调整后的净利润为1030万美元(每股盈利7美分)，同比增长119%，与百度达\n成战略合作协议。<\/strong>< \/p>\n\n

　　中国，上海，2010年5月13日 - \n中国房产信息集团(“CRIC”或“公司”)，(纳斯达克代码：CRIC)，中国领先的房地产信息、咨询和在线服务提供商，今日公布2010年第一季度未\n经审计的财务报告。<\/p>\n\n

　　2009年10月，公司成功上市且收购了新浪所持有的新浪房地产在线业务(亦称：“新浪乐居”)66%股权。为了更好的解读CRIC2010年\n第一季度的运营表现，公司在适当的数据里包括了新浪乐居的数字。除了提供正常数据外，我们也提供了相关的调整后的数据(包括运营收入和净利润)。调整后的\n运营收入和净利润不包括期权薪酬费用和收购产生的无形资产摊销成本。<\/p>\n\n

　　2010年第一季度财务亮点<\/strong><\/p>\n\n

　　• \n2010年第一季度总营业额为2720万美元，同比2009年的1220万美元增长123%，超出此前公司给出的2400美元至2600美元之间的营业额\n预期。 \n其中包含来自新浪乐居的830万美元的营业额超出了此前公司给出的700万美元至800万美元之间的营业额预期。原有业务收入为1890万美元，同比 \n2009年1220万美元增长56%，也超出此前公司给出的1700万美元至1800万美元之间的预期。 <\/p>\n\n

　　• \n2010年第一季度调整后的净利润为1030万美元，同比2009年的470万美元增长119%，每股收益7美分。调整后的2010年第一季度的净利润中\n包含了来自新浪乐居的120万美元。原有业务净利润为910万美元，同比2009年的470万美元增长93%。2010年第一季度未调整的净利润为190\n万美元、每股收益为1美分，同比2009年的360万美元、每股收益5美分减少了47%。<\/p>\n\n

　　“通常一季度业务比较淡，CRIC却提交了一份非常好的运营和财务报告。”CRIC联席总裁周忻说道，“这充分体现了我们团队的执行能力\n和公司的发展战略的有效性。与此同时我们不断地通过开发新的产品和业务来加快公司的发展。在数据库方面，截止第一季度底，我们已经完成了不少新产品的开\n发，准备在第二季度投放包括土地库、投资人版和供应商版在内的新的数据库产品。在房地产互联网方面，我们也已推出了新的二手房频道、旅游地产频道和建材供\n应商频道，并在建立新的商业地产频道。”<\/p>\n\n

　　周总补充道：“为了防止一些一线城市房价过快上涨，中国政府在今年第二季度发布了一系列的打压政策。自从中央政策出台后，一些地方政府也已或将\n出台相关政策细则。这些新政策直接导致了这几周市场成交量的大幅下滑。但我们相信CRIC的主营业务受市场短期波动的负面影响会比较小。相反的，我们觉得\n正是在市场波动的时候，CRIC通过给客户提供及时的房地产市场信息以及为客户提供战略性决策咨询的服务，更能体现我们服务的价值。同时，我们的在线业务\n有着强大的品牌效应以及市场占有率，将继续是客户推广楼盘和其他产品最有效的平台。”<\/p>\n\n

　　周总总结道：“此外，我对我们与百度(纳斯达克代码：BIDU)达成的战略合作协议感到非常高兴(见百度合作新闻公布)。这使CRIC成为百度\n所有房地产频道的独家运营商。此次与中国领先的搜索引擎百度的战略合作，将与我们现有的依托中国领先的互联网门户网站新浪所产生的房地产互联网运作相得益\n彰。即时CRIC将拥有一个无可比拟的能为我们的客户和互联网用户提供全面、及时的信息服务和完整的在线产品和服务的房地产互联网平台，为公司未来几年的\n快速发展作好铺垫。”<\/p>\n\n

　　CRIC首席财务官胡斌女士补充道：“与百度的战略合作协议为我们未来几年的快速扩张奠定了坚实的基础。与百度的合作预计将于2010年8月上\n线，因此这块业务带来的收入最早能在第四季度有所体现。频道的建立和运营所带来的的成本与开支会影响到2010年的利润率，但是我们相信拥有建立和运营百\n度房地产、家居频道的独家专有权会成为公司未来几年发展的新动力。”<\/p>\n\n

　　业务展望<\/strong><\/p>\n\n

　　公司预计2010年第二季度营业额约为3600万美元至3800万美元，同比2009年第二季度增长89%至100%。这个预计包括了来自新浪\n乐居2010 年第二季度营业额1300万美元至1400万美元。除新浪乐居带来的营业收入以外，预计原有业务第二季度的营业额约为2300万美元至\n2400万美元，同比2009年第二季度增长21%至26%。该预测反映公司目前初步观点，有可能出现变动。<\/p><\/p>"}]}

3index.jsp 中

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>欢迎来到电力项目风险管理系统</title>
        <link href="images/icon.gif" rel="shortcut icon" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" href="style/icons.css"/>
        <link rel="stylesheet" type="text/css" href="style/style.css"/>
        <link rel="stylesheet" type="text/css" href="EXT/resources/css/ext-all.css"/>
        <link rel="stylesheet" type="text/css" href="./style/portal.css" />
        <link rel="stylesheet" type="text/css" href="./style/pub.css" />
        <!--personal是用于变换主题的不能删除 -->
        <link id="personal" href="./" type="text/css" rel="stylesheet"/>
        <script type="text/javascript" src="EXT/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="EXT/ext-all.js"></script>
        <script type="text/javascript" src="EXT/src/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="./portal.js"></script>
 <script type="text/javascript" src="./test.js"></script>
    </head>
    <body>
      
        <div id="home-news11" class="news"></div>
        <div id="home-news12" class="news"></div>
        <div id="home-news21" class="news"></div>
        <div id="home-news22" class="news"></div>
        <div id="home-news23" class="news"></div>
        <div id="home-news31" class="news"></div>
        <div id="home-news32" class="news"></div>
        <div id="home-news33" class="news"></div>
</html>

4.test.js

Ext.onReady(function(){
_portal.refrsh_();
});