ExtJs 修改组件值方式

简介:

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

1
2
3
4
5
6
7
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' , '学期' );
});
1
2
3
4
5
6
7
8
9
10
11
12
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的内容就是下面所示的一个拼接字符串

1
_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
2
3
这里主要说明两点:
1、通过js里面的eval(String)方法将字符串转换成object对象
2、通过为同一个object对象重新赋值来改变他原来的参数值

 

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


相关文章
|
1月前
|
缓存 JavaScript
解释 Vue 的计算属性和监视属性的区别。
解释 Vue 的计算属性和监视属性的区别。
32 6
|
6月前
|
JavaScript
vue(3) 出现了不能读的属性定义的报错但可以渲染如何解决
vue(3) 出现了不能读的属性定义的报错但可以渲染如何解决
|
7月前
|
缓存 JavaScript 前端开发
Vue2.0新手入门-模板语法-计算属性与监听属性的介绍和差异
Vue2.0新手入门-模板语法-计算属性与监听属性的介绍和差异
Vue2.0新手入门-模板语法-计算属性与监听属性的介绍和差异
|
4月前
|
JavaScript
Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)
# 1、需求 使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮,复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面,本文实现为跳转到新增页面。 # 2、实现 ## 1)列表页 index.vue ```html <el-table> <!-- 其他列 --> <el-table-column label="操作" width="150"> <template slot-scope="scope"> <el-button icon="el-icon-copy-document" title="复制" @click="toCopyNew(scope
72 0
|
7月前
|
JavaScript
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
138 1
|
9月前
|
JavaScript
Vue中深度拷贝对象属性,但是界面的双向绑定功能失效问题解决
Vue中深度拷贝对象属性,但是界面的双向绑定功能失效问题解决
224 0
|
10月前
|
人工智能 JavaScript
Vue中为对象添加字段两种方法
Vue中为对象添加字段两种方法
|
10月前
|
缓存 JavaScript 前端开发
Vue —— 基础(二)(计算属性、监听属性)
Vue —— 基础(二)(计算属性、监听属性)
|
JavaScript
js基础笔记学习214元素得属性和节点1方式1
js基础笔记学习214元素得属性和节点1方式1
50 0
js基础笔记学习214元素得属性和节点1方式1