extjs获取mysql_ExtJS与PHP+MYSQL实现数据存储

Ext.onReady(

function

() {

function

registerhandler(){

var

values

=

Ext.getCmp(

"

form

"

).getForm().getValues();

//

获取form里textfield、radio等值

Ext.Ajax.request({

url:

'

save.php

'

,

success:

function

() {Ext.Msg.alert(

"

success

"

);},

method:

"

post

"

,

failure:

function

(){Ext.Msg.alert(

"

failure

"

);},

params: values

});

}

var

form

=

new

Ext.form.FormPanel({

id:

'

form

'

,

baseCls:

'

x-plain

'

,

layout:

'

absolute

'

,

url:

'

save-form.php

'

,

defaultType:

'

textfield

'

,

items: [{

x:

0

,

y:

0

,

xtype:

'

label

'

,

text:

'

登录帐户:

'

},{

x:

80

,

y:

0

,

name:

'

login

'

,

anchor:

'

100%

'

},{

x:

0

,

y:

30

,

xtype:

'

label

'

,

text:

'

用户姓名:

'

},{

x:

80

,

y:

30

,

name:

'

name

'

,

anchor:

'

100%

'

,

},{

x:

0

,

y:

60

,

xtype:

'

label

'

,

text:

'

身份证号:

'

},{

x:

80

,

y:

60

,

name:

'

id

'

,

anchor:

'

100%

'

,

},{

x:

0

,

y:

90

,

xtype:

'

label

'

,

text:

'

用户密码:

'

},{

x:

80

,

y:

90

,

inputType:

'

password

'

,

name:

'

password

'

,

anchor:

'

100%

'

,

},{

x:

0

,

y:

120

,

xtype:

'

label

'

,

text:

'

密码确认:

'

,

},{

x:

80

,

y:

120

,

name:

'

repassword

'

,

inputType:

'

password

'

,

anchor:

'

100%

'

,

},{

x:

80

,

y:

150

,

xtype:

'

radio

'

,

name:

'

sex

'

,

fieldLabel:

'

性别

'

,

boxLabel:

'

男

'

,

inputValue:

'

b

'

//

radio的取值为:b

},{

x:

0

,

y:

152

,

xtype:

'

label

'

,

text:

'

性别:

'

},{

x:

140

,

y:

150

,

xtype:

'

radio

'

,

name:

'

sex

'

,

fieldLabel:

'

性别

'

,

boxLabel:

'

女

'

,

inputValue:

'

g

'

//

radio的取值为:g

},{

x:

0

,

y:

180

,

xtype:

'

label

'

,

text:

'

用户住址

'

},{

x:

80

,

y:

180

,

name:

'

address

'

,

anchor:

'

100%

'

}]

});

var

window

=

new

Ext.Window({

title:

'

注册帐户

'

,

width:

400

,

height:

300

,

minWidth:

400

,

minHeight:

300

,

layout:

'

fit

'

,

plain:

true

,

bodyStyle:

'

padding:5px;

'

,

buttonAlign:

'

center

'

,

items: form,

buttons: [{

text:

'

注册

'

,

handler:registerhandler

},{

text:

'

取消

'

}]

});

window.show();

});