+ -
当前位置:首页 → 问答吧 → 急!!!!!关于ExtJs的combox

急!!!!!关于ExtJs的combox

时间:2011-11-09

来源:互联网

var comboStore = new Ext.data.Store({  
  proxy: new Ext.data.HttpProxy({  
  url: '/xmpj/data/sgdwmcgljz.asp'  
  }),  
  reader: new Ext.data.JsonReader({},['name']), //显示的字段名,与服务器端返回的json中字段一致
  remoteSort: false  
  });  
  comboStore.load();//装载数据

Ext.define('yuht.sgdwmcgl',{
extend:'Ext.form.Panel',
frame:false,
id:'sgdwmcgl',
bodyPadding:20,
defaults: {
  anchor: '90%',
  labelWidth: 150,
labelPad:0
  },
title:'施工单位名称管理',
items:[{
xtype:'textfield',
fieldLabel:'输入要新建的施工单位名称',
name:'dwmc'
},
//ComboBox
{
xtype:'combo',
name:'dwmc',  
  fieldLabel:'选择要删除的施工单位名称',  
  store:comboStore,
  mode:'local', //这个属性设置为本地 remote sql?
triggerAction: 'all',
hideTrigger:false,
  allowBlank:false,
displayField:"name",//对应数据源字段
valueField:"name",
emptyText:'请选择要管理的施工单位名称...',
editable:false
}],
buttonAlign:'center',
buttons:[{
text:'建立',
handler:function(){
var form = this.up('form').getForm();  
//var edit_value=escape(Ext.getCmp('bz').getValue()); 
form.submit({
url:"/xmpj/data/sgdwmcgljl.asp",
//params:{jhnr2:edit_value}, 
success: function(form, action) {
form.reset();
Ext.Msg.alert('提示','施工单位名称增加成功!');  
},
failure: function(form, action) {
Ext.Msg.alert('提示','权限不足!');
}
});
   
}
},{
text:'删除',
handler:function(){
var form = this.up('form').getForm();  
//var edit_value=escape(Ext.getCmp('bz').getValue()); 
form.submit({
url:"/xmpj/data/sgdwmcglsc.asp",
//params:{jhnr2:edit_value}, 
success: function(form, action) {
form.reset();
Ext.Msg.alert('提示','施工单位名称删除成功!');  
},
failure: function(form, action) {
Ext.Msg.alert('提示','施工单位名称删除失败!');
}
});
   
}
},{
text:'刷新',
handler:function(){
this.up('form').form.reset();
}
}]
});




无法加载comboStore里的数据,点击下拉框后一直显示 "loading"????????????????

作者: lxccoco   发布时间: 2011-11-09

我也遇到这个情况,求解啊。。。求高手解决啊。。。

作者: dashabi0099   发布时间: 2011-11-09

JScript code
var comboStore = new Ext.data.Store({   
  proxy: new Ext.data.HttpProxy({   
  url: '/xmpj/data/sgdwmcgljz.asp'   
  }),   
  reader: new Ext.data.JsonReader({},['name']), //显示的字段名,与服务器端返回的json中字段一致
  remoteSort: false   
  });   
  comboStore.load();//装载数据

Ext.define('yuht.sgdwmcgl',{
extend:'Ext.form.Panel',
frame:false,
id:'sgdwmcgl',
bodyPadding:20,    
defaults: {
  anchor: '90%',
  labelWidth: 150,
labelPad:0
  },
title:'施工单位名称管理',
items:[{
xtype:'textfield',
fieldLabel:'输入要新建的施工单位名称',
name:'dwmc'
},
//ComboBox
{
xtype:'combo',
name:'dwmc',   
  fieldLabel:'选择要删除的施工单位名称',   
  store:comboStore,
  mode:'local', //这个属性设置为本地 remote sql?
triggerAction: 'all',
hideTrigger:false,
  allowBlank:false,
displayField:"name",//对应数据源字段
valueField:"name",
emptyText:'请选择要管理的施工单位名称...',
editable:false
}],    
buttonAlign:'center',
buttons:[{
text:'建立',
handler:function(){
var form = this.up('form').getForm();   
//var edit_value=escape(Ext.getCmp('bz').getValue());  
form.submit({
url:"/xmpj/data/sgdwmcgljl.asp",
//params:{jhnr2:edit_value},  
success: function(form, action) {
form.reset();
Ext.Msg.alert('提示','施工单位名称增加成功!');       
},
failure: function(form, action) {
Ext.Msg.alert('提示','权限不足!');
}
});
    
}
},{
text:'删除',
handler:function(){
var form = this.up('form').getForm();   
//var edit_value=escape(Ext.getCmp('bz').getValue());  
form.submit({
url:"/xmpj/data/sgdwmcglsc.asp",
//params:{jhnr2:edit_value},  
success: function(form, action) {
form.reset();
Ext.Msg.alert('提示','施工单位名称删除成功!');       
},
failure: function(form, action) {
Ext.Msg.alert('提示','施工单位名称删除失败!');
}
});
    
}
},{
text:'刷新',
handler:function(){
this.up('form').form.reset();
}
}]
});

作者: dashabi0099   发布时间: 2011-11-09

随便给你整理下。。。。

作者: dashabi0099   发布时间: 2011-11-09