求一个Extjs form表单保存后把数据添加到数据库的案例,就是点击后把表单数据保存到数据库数据库Ext JS

解决方案 »

  1.   

    http://blog.csdn.net/wenping5566/article/details/6640796
      

  2.   

    楼主 我正好在写这玩意
    给你这个js的代码
    把这个直接贴到一个html文件的js部分然后在同级目录下 这是一个jsp页面
    获取这里提交的参数 插入数据库就行了主要是ext前面写起来有些麻烦 后端插入数据库很简单的Ext.onReady(function(){  var form = new Ext.FormPanel({
            labelAlign: 'top',
            frame:true,
            //title: '问题提交',
            id:'add_question',
            bodyStyle:'padding:5px 5px 0',
            width: 600,
            items: [{
                layout:'column',
                items:[{
                    columnWidth:.5,
                    layout: 'form',
                    items: [{
                        xtype:'textfield',
                        fieldLabel: '标题',
                        name: 'title',
                        anchor:'98%'
                    }]
                }]
            },{
                xtype: 'textarea',
                id:'content',
                name: 'content',
                fieldLabel:'内容',
                height:200,
                anchor:'98%'
            }],        buttons: [{
                text: '提交',handler:function(){
    var post_form = Ext.getCmp('add_question').getForm();
    if (post_form.isValid())
      post_form.submit({url:"../wt_action.jsp",
    waitMsg: '正在提交数据',
         waitTitle: '提示',
         method: 'POST',
    success:function(){
    Ext.Msg.alert("提示","问题提交成功!");
    post_form.reset();
    //win.close();
    //vstore.reload();
    },
    failure:function(){
    Ext.Msg.alert("提示","问题提交失败!");
    //win.close();
    }});

    }
            },{
                text: '取消'
            }]
        });
        new Ext.Viewport({layout:"fit",items:form}); //layout为fit会忽略表格的width
        
    });