使用json-lib-1.5.jar来处理java和json的转换的确给我们带来了不少的方便，但是在处理存在级联关系的pojo时，使用fromObject时就会报：net.sf.json.JSONException: There is a cycle in the hierarchy!，使得生成json掉入了级联的循环陷阱中，但是pojo肯定会存在级联关系，怎么解决这个问题呢？

当然你可以拼写字符串，也可以使用map，但是仍然不是非常方便，需要一个个的处理属性。其实json.jar给我们提供了一个相关的处理来应对这样的情况，就是通过JSON的配置类JsonConfig。如下代码所示：

JsonConfig jsonConfig = new JsonConfig();
jsonConfig.setCycleDetectionStrategy(CycleDetectionStrategy.LENIENT);
String[] excludes = { "poNewsArticle", "class" };
jsonConfig.setExcludes(excludes);
PoNewsComment c=newsService.getCommentById(id);
JSONObject jsonObject = JSONObject.fromObject(c);
System.out.println(jsonObject.toString());

PoNewsComment.java

public class PoNewsComment implements java.io.Serializable {

 // Fields

 private Integer commentId;
 private PoNewsArticle poNewsArticle;//关联的新闻的pojo
 private String comment;
 private String commenter;
 private Date commentTime;
 private short commentStatus;
 private String commenterIp;
//省略set、get方法
}

 其实其他的情况都可以使用JsonConfig来处理，包括时间转换，数据类型的转换等等。下一篇将介绍一个操作json的通用工具类。

• 你想过自己的博客制作成书吗 - JavaEye推出博客自动生成电子书功能！
• 搜狐网站诚聘Java、PHP和C++工程师
• 加入阿里巴巴，发展潜力无限
• Windows7在微软WinHEC 2008上揭开神秘面纱

树形结构代码：

"Content-Type" content="text/html; charset=utf-8" />

   
 
 
 
   

 


 
  

浮动窗口js代码：

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */

Ext.onReady(function(){
    var win;
    var button = Ext.get('show-btn');

    button.on('click', function(){
        // create the window on the first click and reuse on subsequent clicks
        if(!win){
            win = new Ext.Window({
                applyTo     : 'hello-win',
                layout      : 'fit',
                width       : 500,
                height      : 300,
                closeAction :'hide',
                plain       : true,
                items       : new Ext.TabPanel({
                    applyTo        : 'hello-tabs',
                    autoTabs       : true,
                    activeTab      : 0,
                    deferredRender : false,
                    border         : false
                }),

                buttons: [{
                    text     : 'Submit',
                    disabled : true
                },{
                    text     : 'Close',
                    handler  : function(){
                        win.hide();
                    }
                }]
            });
        }
        win.show(button);
    });
});

googlemap代码：

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */

Ext.onReady(function(){

    var mapwin;
    var button = Ext.get('show-btn');

    button.on('click', function(){
        // create the window on the first click and reuse on subsequent clicks
        if(!mapwin){

            mapwin = new Ext.Window({
                layout: 'fit',
                title: 'GMap Window',
                closeAction: 'hide',
                width:400,
                height:400,
                x: 40,
                y: 60,
                items: {
                    xtype: 'gmappanel',
                    region: 'center',
                    zoomLevel: 14,
                    gmapType: 'map',
                    mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
                    mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],
                    setCenter: {
                        geoCodeAddr: '4 Yawkey Way, Boston, MA, 02215-3409, USA',
                        marker: {title: 'Fenway Park'}
                    },
                    markers: [{
                        lat: 42.339641,
                        lng: -71.094224,
                        marker: {title: 'Boston Museum of Fine Arts'},
                        listeners: {
                            click: function(e){
                                Ext.Msg.alert('Its fine', 'and its art.');
                            }
                        }
                    },{
                        lat: 42.339419,
                        lng: -71.09077,
                        marker: {title: 'Northeastern University'}
                    }]
                }
            });
           
        }
       
        mapwin.show();
       
    });
   
 });

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */

/**
 * @author Shea Frederick
 */

Ext.namespace('Ext.ux');
 
/**
 *
 * @class GMapPanel
 * @extends Ext.Panel
 */
Ext.ux.GMapPanel = Ext.extend(Ext.Panel, {
    initComponent : function(){
       
        var defConfig = {
            plain: true,
            zoomLevel: 3,
            yaw: 180,
            pitch: 0,
            zoom: 0,
            gmapType: 'map',
            border: false
        };
       
        Ext.applyIf(this,defConfig);
       
        Ext.ux.GMapPanel.superclass.initComponent.call(this);       

    },
    afterRender : function(){
       
        var wh = this.ownerCt.getSize();
        Ext.applyIf(this, wh);
       
        Ext.ux.GMapPanel.superclass.afterRender.call(this);   
       
        if (this.gmapType === 'map'){
            this.gmap = new GMap2(this.body.dom);
        }
       
        if (this.gmapType === 'panorama'){
            this.gmap = new GStreetviewPanorama(this.body.dom);
        }
       
        if (typeof this.addControl == 'object' && this.gmapType === 'map') {
            this.gmap.addControl(this.addControl);
        }
       
        if (typeof this.setCenter === 'object') {
            if (typeof this.setCenter.geoCodeAddr === 'string'){
                this.geoCodeLookup(this.setCenter.geoCodeAddr);
            }else{
                if (this.gmapType === 'map'){
                    var point = new GLatLng(this.setCenter.lat,this.setCenter.lng);
                    this.gmap.setCenter(point, this.zoomLevel);   
                }
                if (typeof this.setCenter.marker === 'object' && typeof point === 'object'){
                    this.addMarker(point,this.setCenter.marker,this.setCenter.marker.clear);
                }
            }
            if (this.gmapType === 'panorama'){
                this.gmap.setLocationAndPOV(new GLatLng(this.setCenter.lat,this.setCenter.lng), {yaw: this.yaw, pitch: this.pitch, zoom: this.zoom});
            }
        }

        GEvent.bind(this.gmap, 'load', this, function(){
            this.onMapReady();
        });

    },
    onMapReady : function(){
        this.addMarkers(this.markers);
        this.addMapControls();
        this.addOptions(); 
    },
    onResize : function(w, h){

        if (typeof this.getMap() == 'object') {
            this.gmap.checkResize();
        }
       
        Ext.ux.GMapPanel.superclass.onResize.call(this, w, h);

    },
    setSize : function(width, height, animate){
       
        if (typeof this.getMap() == 'object') {
            this.gmap.checkResize();
        }
       
        Ext.ux.GMapPanel.superclass.setSize.call(this, width, height, animate);
       
    },
    getMap : function(){
       
        return this.gmap;
       
    },
    getCenter : function(){
       
        return this.getMap().getCenter();
       
    },
    getCenterLatLng : function(){
       
        var ll = this.getCenter();
        return {lat: ll.lat(), lng: ll.lng()};
       
    },
    addMarkers : function(markers) {
       
        if (Ext.isArray(markers)){
            for (var i = 0; i < markers.length; i++) {
                var mkr_point = new GLatLng(markers[i].lat,markers[i].lng);
                this.addMarker(mkr_point,markers[i].marker,false,markers[i].setCenter, markers[i].listeners);
            }
        }
       
    },
    addMarker : function(point, marker, clear, center, listeners){
       
        Ext.applyIf(marker,G_DEFAULT_ICON);

        if (clear === true){
            this.getMap().clearOverlays();
        }
        if (center === true) {
            this.getMap().setCenter(point, this.zoomLevel);
        }

        var mark = new GMarker(point,marker);
        if (typeof listeners === 'object'){
            for (evt in listeners) {
                GEvent.bind(mark, evt, this, listeners[evt]);
            }
        }
        this.getMap().addOverlay(mark);

    },
    addMapControls : function(){
       
        if (this.gmapType === 'map') {
            if (Ext.isArray(this.mapControls)) {
                for(i=0;i                    this.addMapControl(this.mapControls[i]);
                }
            }else if(typeof this.mapControls === 'string'){
                this.addMapControl(this.mapControls);
            }else if(typeof this.mapControls === 'object'){
                this.getMap().addControl(this.mapControls);
            }
        }
       
    },
    addMapControl : function(mc){
       
        var mcf = window[mc];
        if (typeof mcf === 'function') {
            this.getMap().addControl(new mcf());
        }   
       
    },
    addOptions : function(){
       
        if (Ext.isArray(this.mapConfOpts)) {
            var mc;
            for(i=0;i                this.addOption(this.mapConfOpts[i]);
            }
        }else if(typeof this.mapConfOpts === 'string'){
            this.addOption(this.mapConfOpts);
        }       
       
    },
    addOption : function(mc){
       
        var mcf = this.getMap()[mc];
        if (typeof mcf === 'function') {
            this.getMap()[mc]();
        }   
       
    },
    geoCodeLookup : function(addr) {
       
        this.geocoder = new GClientGeocoder();
        this.geocoder.getLocations(addr, this.addAddressToMap.createDelegate(this));
       
    },
    addAddressToMap : function(response) {
       
        if (!response || response.Status.code != 200) {
            Ext.MessageBox.alert('Error', 'Code '+response.Status.code+' Error Returned');
        }else{
            place = response.Placemark[0];
            addressinfo = place.AddressDetails;
            accuracy = addressinfo.Accuracy;
            if (accuracy === 0) {
                Ext.MessageBox.alert('Unable to Locate Address', 'Unable to Locate the Address you provided');
            }else{
                if (accuracy < 7) {
                    Ext.MessageBox.alert('Address Accuracy', 'The address provided has a low accuracy.

Level '+accuracy+' Accuracy (8 = Exact Match, 1 = Vague Match)');
                }else{
                    point = new GLatLng(place.Point.coordinates[1], place.Point.coordinates[0]);
                    if (typeof this.setCenter.marker === 'object' && typeof point === 'object'){
                        this.addMarker(point,this.setCenter.marker,this.setCenter.marker.clear,true, this.setCenter.listeners);
                    }
                }
            }
        }
       
    }
 
});

Ext.reg('gmappanel',Ext.ux.GMapPanel);

拖拽效果代码：

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */

/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */

Ext.onReady(function(){
 
    var myData = {
  records : [
   { name : "Rec 0", column1 : "0", column2 : "0" },
   { name : "Rec 1", column1 : "1", column2 : "1" },
   { name : "Rec 2", column1 : "2", column2 : "2" },
   { name : "Rec 3", column1 : "3", column2 : "3" },
   { name : "Rec 4", column1 : "4", column2 : "4" },
   { name : "Rec 5", column1 : "5", column2 : "5" },
   { name : "Rec 6", column1 : "6", column2 : "6" },
   { name : "Rec 7", column1 : "7", column2 : "7" },
   { name : "Rec 8", column1 : "8", column2 : "8" },
   { name : "Rec 9", column1 : "9", column2 : "9" }
  ]
 };

 // Generic fields array to use in both store defs.
 var fields = [
    {name: 'name', mapping : 'name'},
    {name: 'column1', mapping : 'column1'},
    {name: 'column2', mapping : 'column2'}
 ];
 
    // create the data store
    var firstGridStore = new Ext.data.JsonStore({
        fields : fields,
  data   : myData,
  root   : 'records'
    });
 

 // Column Model shortcut array
 var cols = [
  { id : 'name', header: "Record Name", width: 160, sortable: true, dataIndex: 'name'},
  {header: "column1", width: 50, sortable: true, dataIndex: 'column1'},
  {header: "column2", width: 50, sortable: true, dataIndex: 'column2'}
 ];
   
 // declare the source Grid
    var firstGrid = new Ext.grid.GridPanel({
  ddGroup          : 'secondGridDDGroup',
        store            : firstGridStore,
        columns          : cols,
  enableDragDrop   : true,
        stripeRows       : true,
        autoExpandColumn : 'name',
        width            : 325,
  region           : 'west',
        title            : 'First Grid'
    });

    var secondGridStore = new Ext.data.JsonStore({
        fields : fields,
  root   : 'records'
    });
 
    // create the destination Grid
    var secondGrid = new Ext.grid.GridPanel({
  ddGroup          : 'firstGridDDGroup',
        store            : secondGridStore,
        columns          : cols,
  enableDragDrop   : true,
        stripeRows       : true,
        autoExpandColumn : 'name',
        width            : 325,
  region           : 'center',
        title            : 'Second Grid'
    });

 
 //Simple 'border layout' panel to house both grids
 var displayPanel = new Ext.Panel({
  width    : 650,
  height   : 300,
  layout   : 'border',
  renderTo : 'panel',
  items    : [
   firstGrid,
   secondGrid
  ],
  bbar    : [
   '->', // Fill
   {
    text    : 'Reset both grids',
    handler : function() {
     //refresh source grid
     firstGridStore.loadData(myData);
     
     //purge destination grid
     secondGridStore.removeAll();
    }
   }
  ]
 });

 // used to add records to the destination stores
 var blankRecord =  Ext.data.Record.create(fields);

 /****
 * Setup Drop Targets
 ***/
 // This will make sure we only drop to the view container
 var firstGridDropTargetEl =  firstGrid.getView().el.dom.childNodes[0].childNodes[1];
 var firstGridDropTarget = new Ext.dd.DropTarget(firstGridDropTargetEl, {
  ddGroup    : 'firstGridDDGroup',
  copy       : true,
  notifyDrop : function(ddSource, e, data){
   
   // Generic function to add records.
   function addRow(record, index, allItems) {
    
    // Search for duplicates
    var foundItem = firstGridStore.find('name', record.data.name);
    // if not found
    if (foundItem  == -1) {
     firstGridStore.add(record);
     
     // Call a sort dynamically
     firstGridStore.sort('name', 'ASC');
     
     //Remove Record from the source
     ddSource.grid.store.remove(record);
    }
   }

   // Loop through the selections
   Ext.each(ddSource.dragData.selections ,addRow);
   return(true);
  }
 });  

 
 // This will make sure we only drop to the view container
 var secondGridDropTargetEl = secondGrid.getView().el.dom.childNodes[0].childNodes[1]
 
 var destGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl, {
  ddGroup    : 'secondGridDDGroup',
  copy       : false,
  notifyDrop : function(ddSource, e, data){
   
   // Generic function to add records.
   function addRow(record, index, allItems) {
    
    // Search for duplicates
    var foundItem = secondGridStore.find('name', record.data.name);
    // if not found
    if (foundItem  == -1) {
     secondGridStore.add(record);
     // Call a sort dynamically
     secondGridStore.sort('name', 'ASC');
   
     //Remove Record from the source
     ddSource.grid.store.remove(record);
    }
   }
   // Loop through the selections
   Ext.each(ddSource.dragData.selections ,addRow);
   return(true);
  }
 });
});

• 搜狐网站诚聘Java、PHP和C++工程师
• 你想过自己的博客制作成书吗 - JavaEye推出博客自动生成电子书功能！
• 加入阿里巴巴，发展潜力无限
• Windows7在微软WinHEC 2008上揭开神秘面纱

1 Flex与Flash     也许很多人会认为Flex跟Flash一样主要是用来制作动画的，其实Flex跟asp.net或者PHP等语言一样，是用来编写应用程序的工具，例如：人事、进销存、财务、OA等等系统，只不 过Flex编译后的格式是Flash平台上的SWF格式，可以在任何安装有Flash player的电脑中运行。 2 Flex的强项之一：界面表现能力一流     因为Flex编译后的格式是Flash的SWF格式，Flex继承了Flash强大的的界面表现能力，如果对比其他WEB开发工具，Flex的强项之一就在一界面的表现能力，用Flex我们可以实现非 常华丽和具有动态效果的应用程序表现界面，Flex默认的界面样式就已经够美观了，如果对界面要求很高的话，的可以结合Flash实现你所能想象到的界面外观，真正做到能限制你的就只有 你的想象力了，而且，Flex的界面效果不是跟一般HTML页面一样，使用图片组合拼凑成的，而是由flash player渲染出来的，所以不怕放大了有毛边等等问题，我们可以在不需要使用任何 图片制作工具的情况下就可以制作出一个非常具有美感的应用系统。   3 AIR富客户端应用     Flex天生就跟ajax一样能够实现异步的网络应用，在一般的基于浏览器的应用程序要实现异步的不刷新技术非常麻烦，当然现在使用ajax框架也一样可以很方便的实现，但是， ajax还是基于浏览器上的javascript、CSS和xmlhttp来实现异步的，所以受制于浏览器对于CSS和javascript的支持度，另外javascript和CSS的编码标准和画面渲染标准在各个浏览器之间 也有所不同，如果想写一个在各种浏览器上都一样显示的程序，我们不得不进行各种浏览器的测试工作，因为各个浏览器对javascript 和 CSS 语法标准之间实现的差异，我在编写代码的 时候不得不在网上进行长时间的搜索，以搞清楚到底差别在哪里，语法有什么不同，最惨的是各个浏览器之间的差异根本不可能有一个官方的列表可以查询，所以在这里要为那些实现能够 兼容于各个浏览器的ajax框架的英雄们致敬。 4 对流媒体的支持     Flex应用程序是在Flash Player平台上运行的，所以它本身可以说就是流媒体来的，SWF格式的流媒体很自然的就可以无缝的在你的Flex程序中运行，反关一半的web应用不过有没 有实现ajax框架，都必须借助与第三方的播放器来播放流媒体，同时SWF也是非常多视频网站使用的标准格式。 5 平台的可用性     根据ADOBE公司的说法，Flash player在全世界一半的PC机器上安装度为99.8%，可以说如果你写出来的程序基本在任何电脑上都能跑，而且有一个非常重要的理由：Flash Player 的安装包非常小，同时也非常容易安装，在网络速度非常差的情况下也能够正常完成安装，这也是为什么世界上有这么多的电脑都安装有Flash Player的原因之一。 6 跨平台     同时还有另外一个选择Flex的原因，Flash player能够在linux下运行，也可以在手机上运行，所以不用担心绑死在WINDOWS上，现在SAAS的概念正热，幻想一下，只要安装免费的 linux，就可以跑你想要的运用，而且该些软件不用安装到你的机器上，只要通过一个URL就可以直接使用，MS不是说要打击盗版吗？那我们就选择正版的LINUX吧 :) 。 7 对底层的可操作性     Flex能够调用底层的东西，比如可以调用摄像头实现视频，而且视频本身就嵌入在Flex应用中,由Flex player直接播放。 8 平台的后续运营和发展前景     说到这个发展前景，前提就是必须有一家有实力的公司来维持发展运营这个平台，Flex是由ADOBE公司推出的，如果大家不熟悉这家公司，那么说起另外一个软件大家应该很熟悉啦 ，photoshop就是ADOBE公司产推出的。 9 有充足的学习环境：     Flex开发学习中心： http://www.adobe.com/devnet/flex/        Flex官方样式配置工具，可以在线配置Flex应用程序各种控件的外观样式，改程序也是用Flex编写的，大家可以想象Flex可以做到什么程度的应用了，而且这么漂亮的界面，根本 不用做任何图片和美工，都是直接用样式实现即可：   http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html#       Flex各种控件组建官方实例代码，不用买任何书，只要看完这个例子，基本就能够进行Flex开发了：http://examples.adobe.com/flex3/componentexplorer/explorer.html 10 可以用任何你熟悉的WEB编程平台作为后台数据访问层,可以使用 asp.net,php,jsp,webservice 。 12 Flex的最新版本是 3.0.1 下载地址为： http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3email

• 加入阿里巴巴，发展潜力无限
• 搜狐网站诚聘Java、PHP和C++工程师
• 你想过自己的博客制作成书吗 - JavaEye推出博客自动生成电子书功能！
• Windows7在微软WinHEC 2008上揭开神秘面纱

• 你想过自己的博客制作成书吗 - JavaEye推出博客自动生成电子书功能！
• Windows7在微软WinHEC 2008上揭开神秘面纱
• 搜狐网站诚聘Java、PHP和C++工程师
• 加入阿里巴巴，发展潜力无限