Extjs 读取数据然后绑定到表单上面
-------------------这里是我的frompanelExt.define('editUserForm',{extend:'editFormPanel',ur...
-------------------这里是我的frompanel
Ext.define('editUserForm', {
extend: 'editFormPanel',
url: path + '/manage/saveUser.do',
buttonAlign: 'right',
reader: {
type: 'json',
root: 'user'
},
defaults: {
labelWidth: 120,
allowBlank: false
},
defaultType: 'textfield',
items: [{
xtype:'fieldset',
title: '基本信息<span style="color:red">*<span>',
defaultType: 'textfield',
layout: 'anchor',
defaults: {
allowBlank: false,
anchor: '100%'
},
items:[{
fieldLabel: '用户名',
name: 'loginName',
blankText: '用户名不能为空',
regex:/^[\u4e00-\u9fa5_a-zA-Z0-9_]{5,20}$/,
regexText: '用户名需以字母开头,只能为中文,英文字母和数字及_组成(长度5-20位)!',
listeners: {
blur: function(field){
availableName(field);
}
}
},.....]};
-----------数据获取
var editUserBtn = Ext.create('Ext.button.Button', {
text: '编辑用户',
disabled: false,
scope: this,
iconCls:'edit',
handler: function() {
var id = selectBox(Ext.getCmp("grid"));
if(null != id) {
if(id.length > 1) {
showDefaultMsg("提示", "只能同时编辑一个用户!");
} else {
editForm.getForm().load({
url:path + '/manage/getUserById.do',
params: {id: id},
failure : function(form,action) {
console.log(action.result.errorMessage);
}
});
editUserWindow.show();
}
}
}
});
这里是我后台获取的数据 展开
Ext.define('editUserForm', {
extend: 'editFormPanel',
url: path + '/manage/saveUser.do',
buttonAlign: 'right',
reader: {
type: 'json',
root: 'user'
},
defaults: {
labelWidth: 120,
allowBlank: false
},
defaultType: 'textfield',
items: [{
xtype:'fieldset',
title: '基本信息<span style="color:red">*<span>',
defaultType: 'textfield',
layout: 'anchor',
defaults: {
allowBlank: false,
anchor: '100%'
},
items:[{
fieldLabel: '用户名',
name: 'loginName',
blankText: '用户名不能为空',
regex:/^[\u4e00-\u9fa5_a-zA-Z0-9_]{5,20}$/,
regexText: '用户名需以字母开头,只能为中文,英文字母和数字及_组成(长度5-20位)!',
listeners: {
blur: function(field){
availableName(field);
}
}
},.....]};
-----------数据获取
var editUserBtn = Ext.create('Ext.button.Button', {
text: '编辑用户',
disabled: false,
scope: this,
iconCls:'edit',
handler: function() {
var id = selectBox(Ext.getCmp("grid"));
if(null != id) {
if(id.length > 1) {
showDefaultMsg("提示", "只能同时编辑一个用户!");
} else {
editForm.getForm().load({
url:path + '/manage/getUserById.do',
params: {id: id},
failure : function(form,action) {
console.log(action.result.errorMessage);
}
});
editUserWindow.show();
}
}
}
});
这里是我后台获取的数据 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询