ExtJS的Grid问题

wNvShine 2009-03-17 03:13:22

请问如何使用ExtJs的Grid从服务器端获取数据源...
我的环境是Java..
有哪位能不能给个实例看一看。。。越简单容易懂的越好。。谢谢

...全文

100 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

thefirstwind 2009-03-19

打赏
举报

很简单刺激以下ACTION就可以了

Ghost_520 2009-03-19

打赏
举报

是 JSON 包里面的，我的 JSON 包有如下：

commons-beanutils.jar
commons-collections-3.2.1.jar
commons-lang-2.4.jar
commons-logging-1.1.1.jar
ezmorph-1.0.5.jar
json-lib-2.2.2-jdk15.jar

wNvShine 2009-03-19

打赏
举报

JSONArray dataArray=JSONArray.fromObject(allContacterList);

楼上的。。你这个方法是从哪里来的。。
JSON包里怎么没有

wNvShine 2009-03-19

打赏
举报

问题已经解决。。呵呵。。虽然不是你们的方案不过还是很谢谢你们.

Ghost_520 2009-03-18

打赏
举报



var store=new Ext.data.JsonStore({

			//	autoLoad : true,

			 	url: "<%=path%>/contacterManage.do?action=findAllContacter",

		 	 	fields: [  'groupName','groupId','id','text','contacterNumber','contacterBirthday','contacterAddress','contacterCompanyName'

		 	 					,'contacterCompanyAddress','contacterFax','contacterEmail','contacterZipCode','contacterRemarks']

			});

			

			/*

				加载数据,

				参数： flag:all 表示查询所有的数据

			*/ 

			store.load({params:{flag:'all'}});     

         

         	var sm = new Ext.grid.CheckboxSelectionModel(); 

         	

        	var colM = new Ext.grid.ColumnModel([

        		new Ext.grid.RowNumberer(), //自动行号

            	sm,   

            	{header:"所在组",sortable: true,dataIndex:"groupName"},

             	{header:"姓名",sortable: true,dataIndex:"text"},                                    

             	{header:"手机号码",sortable: true,dataIndex:"contacterNumber"},

             	{header:"生日",sortable: true,dataIndex:"contacterBirthday"},

             	{header:"地址",sortable: true,dataIndex:"contacterAddress"},

             	{header:"公司名称",sortable: true,dataIndex:"contacterCompanyName"},

             	{header:"公司地址",sortable: true,dataIndex:"contacterCompanyAddress"},

             	{header:"传真",sortable: true,dataIndex:"contacterFax"},

             	{header:"邮箱",sortable: true,dataIndex:"contacterEmail"},

             	{header:"邮编",sortable: true,dataIndex:"contacterZipCode"},

             	{header:"备注",sortable: true,dataIndex:"contacterRemarks"}

        	]);

         

         	var gridConacterInfo = new Ext.grid.GridPanel({

              	cm : colM,

              	sm : sm,

              	store : store,

	            height: 468,

	            width : 820,

              	collapsible: true,

              	autoScroll:true,

              	loadMask:true,             	 

              	animCollapse: false,

              	iconCls: 'icon-grid',

              	listeners : {

        			rowdblclick  : function( grid , rowIndex , e){

        			    // 获得行数据

   						var record = grid.getStore().getAt(rowIndex);   						

    					

        				dbClickviewConacterInfo(record ,"查看联系人信息");

        			}

        		}                         

         	});



public ActionForward findAllContacter(ActionMapping mapping, ActionForm form,

			HttpServletRequest request, HttpServletResponse response) throws IOException {

		// TODO Auto-generated method stub

		

		try{

			String flag = request.getParameter("flag");



			

			if(flag.toString().trim().equals("all")){

				// 查询所有的数据

				ContacterService service = new ContacterService();

				ArrayList allContacterList = service.findAllContacter();

				

				// 将数据使用 JSON 格式化后发回 Ext 客户端

				JSONObject json = new JSONObject();

				JSONArray dataArray=JSONArray.fromObject(allContacterList);

				System.out.println(dataArray);

				response.getWriter().println(dataArray); 

                         }

                  catch(Exception e){

                         printStackTrace();

　　　　　　　　　　}

        return null;

}