extjs

Ext.onReady(function(){

var state = new Ext.data.SimpleStore({
data:[['12','12'],['13','13'],['14','14']],
fields:['key','value'],
style:"background-color:red"
});

var window = new Ext.Window({
title:'add user',
width:430,
height:240,
maximizable:true,
minimizable:true,
renderTo:Ext.getBody(),
items:[{
layout:'column',
baseCls:'x-plain',
items:[{
layout:'form',
baseCls:'x-plain',
labelWidth:100,
labelAlign:'right',
items:[{
xtype:'textfield',
fieldLabel:'userName'
},{
xtype:'textfield',
fieldLabel:'password'
},{
xtype:'radiogroup',
fieldLabel:'sex',
labelWidth:50,
width:100,
items:[ new Ext.form.Radio( {
name : "sex",//单选按钮的属性
checked : true,//是否被选中
boxLabel : "男",//显示值
inputValue : "男"//实际值
}), new Ext.form.Radio( {
name : "sex",//单选按钮的属性
boxLabel : "女",
inputValue : "女"
}) ]
},{
xtype:'combo',//用户名组件
width:50,
valueType:'key',
displayField:'value',
fieldLabel:'sex',
triggerAction :'all',//查询的时候,每次都是全部查看
mode:'local',
store:state
},{
xtype:'textarea',
width:240,
fieldLabel:'remark'
}]
}]
}],
buttons:[{id:'reset',text:'reset'},{id:'submit',text:'submit'}]
});

window.show();

});