Ext.FormPanel加载不到数据

本帖最后由 shijingxin 于 2009-07-01 15:45:42 编辑

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你用一个store来接受下试试呢
调试看看response了什么，格式对不对？
测试下来可以的，按加载后可以得到数据，alertt success, 是不是SampleDetails.jsp的路径引用不对？
看我的例子，
form.js :Ext.onReady(function(){
var form = new Ext.FormPanel({
    labelWidth: 75, // label settings here cascade unless overridden
    url:'form.do',//对应后台TestFormController.java;
    frame:true,
    renderTo:document.body,
    title: 'Simple Form',
    bodyStyle:'padding:5px 5px 0',
    width: 350,
    defaults: {width: 230},
    defaultType: 'textfield',

    items: [{
            fieldLabel: 'First Name',
            name: 'first',
            allowBlank:false
        },{
            fieldLabel: 'Last Name',
            name: 'last'
        },{
            fieldLabel: 'Company',
            name: 'company'
        }, {
            fieldLabel: 'Email',
            name: 'email',
            vtype:'email'
        }, new Ext.form.TimeField({
            fieldLabel: 'Time',
            name: 'time',
            minValue: '8:00am',
            maxValue: '6:00pm'
        })
    ],

    buttons: [{
        text: 'Save'
    },{
        text: 'Cancel'
    }]
});

form.getForm().load({
url:'form.do?id=1234567890',//form.do对应后台 TestFormController.java;
waitMsg : '正在载入数据...',
success : function(form,action) {
                     Ext.MessageBox.alert('消息', '数据载入成功！');
                },
        failure : function(form,action) {
                    Ext.MessageBox.alert('消息', '数据载入失败');
                } });});form.jsp:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Test Extjs Form Loading Data</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />

    <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/source/locale/ext-lang-zh_CN.js"></script>

    <script type="text/javascript" src="js/form.js"></script>
    <script type="text/javascript">

    </script>

    <style type="text/css">
html, body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11pt;
        margin:0;
        padding:0;
        border:0 none;
        overflow:hidden;
        height:100%;
    }
    </style>
  </head>

  <body>
<div id="win" class="x-hidden">
</div>
  </body>
</html>TestFormController.java:package com.fydy.action;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;public class TestFormControllerimplements Controller{ public ModelAndView handleRequest(HttpServletRequest arg0,
HttpServletResponse arg1) throws Exception {
String id = arg0.getParameter("id");
System.out.println(id);
arg1.getWriter().write("{success:true,data:{first:'xin',last:'sun',company:'citi',email:'[email protected]',time:'9:00am'}}");
return null;
}}这是我早期用spring的测试代码，你可以把TestFormController的内容放到jsp中，道理都是一样的。
form.js要注意导入的ext库文件的路径。
确实是SampleDetails.jsp引用的问题非常感谢～～