Question

这是extjs javascript代码

        Ext.require([
            //'Ext.form.*',
            //'Ext.layout.container.Column',
            //'Ext.tab.Panel'
            '*'
        ]);

        Ext.onReady(function() {
            Ext.QuickTips.init();

            var bd = Ext.getBody();


            bd.createChild({tag: 'h2', html: 'Form 5 - ... and forms can contain TabPanel(s)'});

            var required = '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>';

            var tab2 = Ext.widget({
                title: 'Inner Tabs',
                xtype: 'form',
                id: 'innerTabsForm',
                collapsible: true,
                bodyPadding: 5,
                width: 600,
                 url:'http://localhost/form/database.php',
                fieldDefaults: {
                    labelAlign: 'top',
                    msgTarget: 'side'
                },
                defaults: {
                    anchor: '100%'
                },

                items: [{
                    xtype: 'container',
                    layout:'hbox',
                    items:[{
                        xtype: 'container',
                        flex: 1,
                        border:false,
                        layout: 'anchor',
                        defaultType: 'textfield',
                        items: [{
                            fieldLabel: 'First Name',
                            afterLabelTextTpl: required,
                            allowBlank: false,
                            name: 'first',
                            anchor:'95%'
                        }, {
                            fieldLabel: 'Enquiry Date ',
                            name: 'Enquiry Date ',
                            xtype: 'datefield'
                }]
                    },{
                        xtype: 'container',
                        flex: 1,
                        layout: 'anchor',
                        defaultType: 'textfield',
                        items: [{
                            fieldLabel: 'Last Name',
                            afterLabelTextTpl: required,
                            allowBlank: false,
                            name: 'last',
                            anchor:'95%'
                        },{
                            fieldLabel: 'Email',
                            afterLabelTextTpl: required,
                            allowBlank: false,
                            name: 'email',
                            vtype:'email',
                            anchor:'95%'
                        }]
                    }]
                },{
                    xtype:'tabpanel',
                    plain:true,
                    activeTab: 0,
                    height:600,
                    defaults:{
                        bodyPadding: 10
                    },
                    items:[{
                        title:'Personal Details',
                        defaults: {
                            width: 230
                        },
                        defaultType: 'textfield',

                        items: [{
                        fieldLabel: 'Age',
                        name: 'age',
                        xtype: 'numberfield',
                        minValue: 0,
                        maxValue: 100
                        },{
                    xtype: 'fieldset',
                    flex: 1,
                    title: 'Gender',
                    defaultType: 'radio', // each item will be a radio button
                    layout: 'anchor',
                    defaults: {
                        anchor: '100%',
                        hideEmptyLabel: false
                    },
                    items: [ {
                        checked: true,
                        boxLabel: 'Male',
                        name: 'gender',
                        inputValue: 'male'
                    }, {
                        boxLabel: 'Female',
                        name: 'gender',
                        inputValue: 'female'
                    }]
                },{
                    xtype: 'fieldset',
                    flex: 1,
                    title: 'Marrital Status',
                    defaultType: 'radio', // each item will be a radio button
                    layout: 'anchor',
                    defaults: {
                        anchor: '100%',
                        hideEmptyLabel: false
                    },
                    items: [ {
                        checked: true,
                        boxLabel: 'Single',
                        name: 'mstatus',
                        inputValue: 'single'
                    }, {
                        boxLabel: 'Married',
                        name: 'mstatus',
                        inputValue: 'married'
                    }]
                },{
                            fieldLabel: 'Company',
                            name: 'company',
                            value: 'Ext JS'
                        }, {
                            fieldLabel: 'Email',
                            name: 'email',
                            vtype:'email'
                        }]
                    },{
                        title:'Phone Numbers',
                        defaults: {
                            width: 230
                        },
                        defaultType: 'textfield',

                        items: [{
                            fieldLabel: 'Home',
                            name: 'home',
                            value: '(888) 555-1212'
                        },{
                            fieldLabel: 'Business',
                            name: 'business'
                        },{
                            fieldLabel: 'Mobile',
                            name: 'mobile'
                        },{
                            fieldLabel: 'Fax',
                            name: 'fax'
                        }]
                    },{
                        cls: 'x-plain',
                        title: 'Rmarks',
                        layout: 'fit',
                        items: {
                            xtype: 'htmleditor',
                            name: 'bio2',
                            fieldLabel: 'Remarks'
                        }
                    }]
                }],

                buttons: [{
                    text: 'Save',          
                    handler: function () {
                        tab2.getForm().submit({
                         method: 'POST',
                        url: 'http://localhost/form/database.php',
                            waitMsg: 'Saving...',   
                            success: function () {     
                                Ext.MessageBox.alert ('Message','Data has been saved');
                                tab2.getForm().reset();
                            },
                          failure: function () {   
                                Ext.MessageBox.alert ('Message','Saving data failed');
                            }
                        });
                    }
                },{
                    text: 'Cancel',
                    handler: function () {
                        tab2.getForm().reset();
                    }
                }]
            });

            tab2.render(document.body);
            //tab2.render('form');
        });

php code

    <?php
    $con = mysql_connect("localhost","root","");
        if (!$con)
        {
        die('Could not connect: ' . mysql_error());
        }
        mysql_select_db("stratageeks", $con);
        $q=mysql_query ("INSERT INTO data (name,lastname) VALUES ('".isset($_POST['first'])."','".isset($_POST['last'])."')");
         if ($q) {
         echo '{"success":"true"}';
        }
        else {
          echo '{"success":"false"}';
        }

    ?>

上面的代码是我的Extjs javascript代码以下代码是我的数据库代码，用于从extjs表单中插入数据库中的数据

但数据存储在数据库中的名称：1 名字：1

表格后期数据是的名：拉维名字：库马尔

Answer 1

问题在于这段代码：

. isset($_POST['first']) . "','" . isset($_POST['last']) .

isset()会返回TRUE或FALSE，当插入数据库时会分别转换为1和0。

您可能需要考虑使用以下代码替换代码：

$iFirst = isset( $_POST['first'] ) ? $_POST['first'] : '';
$iLast  = isset( $_POST['last'] )  ? $_POST['last']  : '';

$q = mysql_query ( "INSERT INTO data ( name, lastname ) VALUES ('". $iFirst ."','". $iLast ."')" );

如果它是我的代码，它看起来像这样（注意字段/参数名称的一致性，这也使重构更容易）：

$iFirstName = isset( $_POST['aFirstName'] ) ? $_POST['aFirstName'] : '';
$iLastName  = isset( $_POST['aLastName'] )  ? $_POST['aLastName']  : '';

$q = mysql_query ( "INSERT INTO data ( firstName, lastName ) VALUES ('". $iFirstName ."','". $iLastName ."')" );

在extjs中形成存储在数据库中的数据和错误数据

1 个答案: