Extjs 几个方法的讨论


Posted in Javascript onJanuary 28, 2010

相信大家在做Extjs开发的时候都使用过类似下面的代码:

 

var form_pz = new Ext.form.FormPanel({ 
id: "form_pz", 
region: "center", 
labelAlign: "right", 
lazyRender: true, 
frame: true, 
items: [{ 
xtype: "combo", 
fieldLabel: "产品名称", 
id: "CPMC", 
allowBlank: false, 
store: new Ext.data.SimpleStore({//store的定义}), 
displayField: "CPMC_BBH", 
valueField: "ID", 
anchor: "100%", 
mode: "local", 
triggerAction: "all", 
readOnly: true, 
typeAhead: true, 


}] 



}); 



var data = [];//里面定义任意数据 



Ext.getCmp("Store_id").load(data);

此时对这个下拉框以下操作的时候,即让它默认选中Store中第一行数据:

 var record= Ext.getCmp("CPMC").getStore().getAt(0); 


 var value = record.get("ID"); 


 Ext.getCmp("CPMC").setValue(value);

以上是主要程序,这样运行以后,下拉框是不会自动选中的,
然而把Store单独拿出来定义:

var Strore_CPMC = new Ext.data.SimpleStore({//定义}); 


Strore_CPMC.load(data); 


var record= Ext.getCmp("CPMC").getStore().getAt(0); 
  
 var value = record.get("ID"); 

  Ext.getCmp("CPMC").setValue(value);

下拉框就会自动选择store中的第一行数据,其实在其他的方法也存在类似的问题,不知道这是什么原因。望各位朋友指教。

Javascript 相关文章推荐
jQuery chili图片远处放大插件
Nov 30 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
Feb 25 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
获取select的value、text值的简单示例(jquery与javascript)
Dec 07 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 Javascript
Vue响应式原理深入解析及注意事项
Dec 11 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
Node.js事件的正确使用方法
Apr 05 Javascript
Vue的props父传子的示例代码
May 20 Javascript
封装Vue Element的table表格组件的示例详解
Aug 19 Javascript
JavaScript 判断判断某个对象是Object还是一个Array
Jan 28 #Javascript
图像替换新技术 状态域方法
Jan 28 #Javascript
javascript innerText和innerHtml应用
Jan 28 #Javascript
使用JavaScript库还是自己写代码?
Jan 28 #Javascript
js或css实现滚动广告的几种方案
Jan 28 #Javascript
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 #Javascript
javascript面向对象的方式实现的弹出层效果代码
Jan 28 #Javascript
You might like
一个简单的php加密解密函数(动态加密)
2013/06/19 PHP
php函数与传递参数实例分析
2014/11/15 PHP
PHP register_shutdown_function()函数的使用示例
2015/06/23 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
javascript 限制输入脚本大全
2009/11/03 Javascript
jQuery select操作控制方法小结
2010/05/26 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
JQuery AJAX 中文乱码问题解决
2013/06/05 Javascript
js实现最短的XML格式化工具实例
2015/03/12 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
php 修改密码实现代码
2017/05/24 Javascript
vue2.0学习之axios的封装与vuex介绍
2018/05/28 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
解决vue的touchStart事件及click事件冲突问题
2020/07/21 Javascript
Python3实现从指定路径查找文件的方法
2015/05/22 Python
Python从数据库读取大量数据批量写入文件的方法
2018/12/10 Python
python实现Flappy Bird源码
2018/12/24 Python
python批量获取html内body内容的实例
2019/01/02 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
python字典的遍历3种方法详解
2019/08/10 Python
Python实现自动整理文件的脚本
2020/12/17 Python
python用分数表示矩阵的方法实例
2021/01/11 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
文字自荐书范文
2014/02/10 职场文书
党员教师工作决心书
2014/03/13 职场文书
政府法律服务方案
2014/06/14 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
参观监狱警示教育心得体会
2016/01/15 职场文书
python numpy中setdiff1d的用法说明
2021/04/22 Python
pytorch fine-tune 预训练的模型操作
2021/06/03 Python
python+opencv实现目标跟踪过程
2022/06/21 Python