当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Extjs 几个方法的讨论

Javascript
JQuery 学习笔记 选择器之四
JQuery 学习笔记 选择器之五
JQuery 学习笔记 选择器之六
JQuery CSS样式控制 学习笔记
用js模仿word格式刷功能实现代码 [推荐]
运用jquery实现table单双行不同显示并能单行选中
jqPlot jquery的页面图表绘制工具
jquery tools之tabs 选项卡/页签
jquery tools之tooltip
浅析Javascript原型继承 推荐
JQuery UI皮肤定制
实现lightBox时的样式与行为分离减少JS
JQuery 表格操作(交替显示、拖动表格行、选择行等)
javascript 进度条 实现代码
Javascript this指针
jquery imgareaselect 使用利用js与程序结合实现图片剪切
javascript 写的一个简单的timer
javascript 处理HTML元素必须避免使用的一种方法
Javascript 验证上传图片大小[客户端]
jQuery 隔行换色 支持键盘上下键,按Enter选定值

Javascript 中的 Extjs 几个方法的讨论


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 182 ::
收藏到网摘: n/a

下面我讲一下在使用Extjs遇到的一个问题,希望各位朋友看到这篇随笔以后,能给我指教,这里我先谢过了! 相信大家在做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中的第一行数据,其实在其他的方法也存在类似的问题,不知道这是什么原因。望各位朋友指教。