ExtJs 修改组件值方式-白红宇

我在做一个下拉列表的级联

                         
Ext.getCmp(
'_s_combobox_peSite_siteName'
).on(
'change'
,
function
(e,select){ 
//为下一级下拉框加载新值
//参数说明:select:peSite.Id   url:需加载的下接框        target:数据存放位置
//自定义方法getList(select,url,target)
//alert('e:' +e + ' select: ' + select);
getList(select,
'/entity/teaching/electiveManage_ajaxGetTraining.action?siteId='
+select,
'_s_combobox_peTraining_trainingName'
,
'学期'
);
});
        
      

                         
function
getList(id,url,target,title){ 
Ext.Ajax.request({ 
url:url,
method:
'GET'
,
disableCaching:
true
,
callback:
function
(option,success,response){ 
if
(success){ 
_s_combobox_peTraining_trainingName = eval(response.responseText);
}
}
});
}
        
      

因为从服务单传过来response.responseText的内容就是下面所示的一个拼接字符串

                         
_s_combobox_peTraining_trainingName = 
new
Ext.form.ComboBox({ applyTo:
'_s_combobox_peTraining_trainingName'
, width: 
150
, store: 
new
Ext.data.SimpleStore({ fields: [
'id'
, 
'name'
], data : [[
'4af8dec33e9d07a7013e9d0a57bc0004'
,
'2013第一学期'
],[
'4af8dec33e9d07a7013e9d0b5fbc0005'
,
'2013第二学期'
]] }), valueField: 
'id'
, displayField:
'name'
, selectOnFocus:
true
, allowBlank: 
true
, typeAhead:
false
, fieldLabel: 
'学期'
, name:
'_s_combobox_peTraining_trainingName'
, id:
'_s_combobox_peTraining_trainingName'
, triggerAction: 
'all'
, editable: 
true
, mode:
'local'
, emptyText:
''
, blankText:
''
});
        
      

如果直接写成:_s_combobox_peTraining_trainingName =response.responseText

浏览器会把response.responseText当前一个字符串来处理，这样页面就无法显示,

可以通过js里面的alert(typeof(response.responseText))方法来查看它的类型(String)，但是这里我要的是一个对象,所在我用js里面的eval(response.responseText)方法将它转换成了object类型,alert(typeof(response.responseText)）弹出来的是object类型,这样页面就能显示了

产明

                         
这里主要说明两点：
1、通过js里面的eval(String)方法将字符串转换成object对象
2、通过为同一个object对象重新赋值来改变他原来的参数值

本文转自 wbb827 51CTO博客，原文链接:http://blog.51cto.com/wbb827/1201871