Json integrated into MVC Struts1

mua nha bien hoa

Step 1: download files 
File 1: json-rpc-1.0.jar
File 2: jquery.ui.combogrid-1.6.2.js
File 3: jquery.ui.combogrid.css

Step 2: jsp page
add new this code into jsp page

<script type="text/javascript" >
jQuery(document).ready(function(){
    //"keyup" event handler to reset input fields
    $( "#project" ).live('keyup', function(e){
        //Improved with keycode checking to prevent extra typing after select
        var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
        var keyCode = $.ui.keyCode;
        if(key != keyCode.ENTER && key != keyCode.LEFT && key != keyCode.RIGHT && key != keyCode.DOWN) {
            $('#project-id').val("");
        }
    });
    $( "#project" ).combogrid({
        debug:true,
                datatype:"json",
        okIcon:true,
        autoChoose:true,
        colModel: [{'columnName':'id','hide':true,'width':'10','label':'id'}, {'columnName':'name','width':'45','label':'title'}],
        url: 'searchCustomers.html?Anchor=_SEARCH_COMPLETE',
        //"select item" event handler to set input fields
        select: function( event, ui ) {
            $( "#project" ).val( ui.item.name );
            $( "#project-id" ).val( ui.item.id );
            return false;
        }
    });
});
</script>

            <input size="4" readonly="readonly" type="text" id="project-id"/>
            <input size="30" id="project"/>


Step 3: ActionClass

    public JSONObject createJSONTestData(HttpServletRequest request,HttpServletResponse response) {

    //Hit the database and obtain the resultset and create the json object
     JSONObject responcedata=new JSONObject();
      
FCustomers bean=new FCustomers();
        bean.setCompanyid(10);
        FBeans beans=new  FBeans();
        try  {
            beans=new BCustomers().SearchCommon(bean);
        } catch (Exception ex)  {
            ex.printStackTrace();
        } finally  {
        }
       
     responcedata.put("total",beans.size());
     responcedata.put("page","1");
     responcedata.put("records",beans.size());
        //JSONObject datosJSON=new JSONObject();
        JSONArray arrayDatos=new JSONArray(); 
    
     int i=0;
     /*Lay du lieu add cell*/
     while(beans.size()>0 && i<beans.size()){
            JSONArray cell=new JSONArray();
            JSONObject jsonObj=new JSONObject();
            bean=(FCustomers)beans.get(i);
            jsonObj.put("id",bean.getCustomersid()+"");
            jsonObj.put("name",bean.getName());
            arrayDatos.put(jsonObj);
            //arrayDatos.put(cell);
            i++;
      }
       
      try{
//          PrintWriter out = response.getWriter();
//          out.flush();

      }catch(Exception e){
        e.printStackTrace();
      }
        responcedata.put("rows",arrayDatos);
        response.setContentType("text/x-json");
        response.setCharacterEncoding("utf-8");
        response.setHeader("Pragma", "no-cache");
        response.setHeader("Cache-Control", "no-cache, must-revalidate");
        response.setHeader("Pragma", "no-cache");
        try  {
            //response.getWriter().write(responcedata.get("rows").toString());
             response.getWriter().write(responcedata.toString());
            //PrintWriter out = response.getWriter();
            //out.flush();
        } catch (Exception ex)  {
            ex.printStackTrace();
        } finally  {
        }
       
       
      return responcedata;
    }