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


相关文章
|
5月前
|
监控 JavaScript 开发者
在 Vue 中,子组件为何不可以修改父组件传递的 Prop,如果修改了,Vue 是如何监控到属性的修改并给出警告的
在 Vue 中,子组件不能直接修改父组件传递的 Prop,以确保数据流的单向性和可预测性。如果子组件尝试修改 Prop,Vue 会通过响应式系统检测到这一变化,并在控制台发出警告,提示开发者避免这种操作。
|
8月前
|
JSON JavaScript 数据格式
文本-----wangEditor的使用,设置和获取内容,展示HTML无样式怎么办????console同步展示怎样写,Vue的配置在Vue3配置文件中的配置,是editor中的v-model绑定的值
文本-----wangEditor的使用,设置和获取内容,展示HTML无样式怎么办????console同步展示怎样写,Vue的配置在Vue3配置文件中的配置,是editor中的v-model绑定的值
|
8月前
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
432 1
|
JavaScript
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
217 1
|
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
163 0
|
JavaScript
js左划出现删除按钮,右滑隐藏demo效果示例(整理)
js左划出现删除按钮,右滑隐藏demo效果示例(整理)
js左划出现删除按钮,右滑隐藏demo效果示例(整理)
|
JavaScript
Vue中深度拷贝对象属性,但是界面的双向绑定功能失效问题解决
Vue中深度拷贝对象属性,但是界面的双向绑定功能失效问题解决
389 0
|
JavaScript
js基础笔记学习214元素得属性和节点1方式1
js基础笔记学习214元素得属性和节点1方式1
90 0
js基础笔记学习214元素得属性和节点1方式1
|
JavaScript
js基础笔记学习240通过属性读取样式1
js基础笔记学习240通过属性读取样式1
81 0
js基础笔记学习240通过属性读取样式1
|
JavaScript
js基础笔记学习215元素得属性和节点2
js基础笔记学习215元素得属性和节点2
73 0
js基础笔记学习215元素得属性和节点2

热门文章

最新文章