Ext.override(Ext.form.RadioGroup, {
getValue: function(){
var v;
if (this.rendered) {
this.items.each(function(item){
if (!item.getValue())
return true;
v = item.getRawValue();
return false;
});
}
else {
for (var k in this.items) {
if (this.items[k].checked) {
v = this.items[k].inputValue;
break;
}
}
}
return v;
},
setValue: function(v){
if (this.rendered)
this.items.each(function(item){
item.setValue(item.getRawValue() == v);
});
else {
for (var k in this.items) {
this.items[k].checked = this.items[k].inputValue == v;
}
}
}
});
//由于使用loadRecord()方法无法为radiogroup赋值 所以加上以上代码
var record = Ext.data.Record.create([
{name: "rg",mapping:"rg"},
]);
var myNewRecord = new record ({rg:"2"});
var radiogroup= new Ext.form.RadioGroup({
fieldLabel : "radioGroup",
items : [{
boxLabel : '是',
inputValue : "1",
name : "rg",
checked : true
}, {
boxLabel : '否',
name : "rg",
inputValue : "2"
}]
});
var _formpanel = new Ext.form.FormPanel({
labelAlign : "right",
labelWidth : 150,
loadMask : true,
renderTo:Ext.getBody(),
frame : true,
defaults : {
width : 150
},
items : [radiogroup],
buttonAlign : "center",
buttons : [{
text : "获取radioGroup值",
handler : function() {
alert(_formpanel.getForm().getValues()["rg"] );
alert(_formpanel.getForm().getValues().rg);
alert(radiogroup.getValue());//三种方式获取所选值
}
},{
text : "Set radioGroup值2",
handler : function() {
radiogroup.setValue(2);//把否选中
}
},{
text : "Set radioGroup值1",
handler : function() {
_formpanel.findByType("radiogroup")[0].setValue(1);//把是选中
}
},{
text : "loadRecord赋值方式",
handler : function() {
_formpanel.form.loadRecord(myNewRecord);//把否选中
}
}]]
});
分享到:
相关推荐
Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值
总结一下,EXTJS中的下拉框(ComboBox)是通过`Ext.form.field.ComboBox`实现的,可以通过设置`store`、`displayField`和`valueField`来定义选项和获取选定值。使用`getValue()`方法可以获取选定的值,而`select`...
### ExtJs表格点击...在ExtJs中,通过合理利用`renderer`和选择模型,我们可以轻松地在表格中添加超链接,并在点击时获取行数据。同时,丰富的配置选项使得我们能够高度定制表格的功能和样式,满足不同的业务需求。
在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...
因此,掌握如何在ExtJs Grid中实现多选功能以及如何获取已选中的所有值是非常重要的。 #### 二、实现多选功能 在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并...
资源名称:获取ExtjS表格的值_ ExtJS_3.4 cellSelectModel资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
在描述中提到的“最难解决的问题”——在修改时为`checkboxgroup`赋值,这是因为EXTJS默认的`setValue`方法可能不会按照期望的方式更新所有复选框的状态。为了解决这个问题,开发者通常需要自定义方法来处理。如示例...
通过上述内容我们可以了解到,在ExtJS 4中处理Store和Model时需要注意的关键点: - 使用不同的Store类型来管理不同类型的数据源; - 通过多种方式将数据绑定到界面上; - 定义详细的Model结构,包括字段类型和验证...
3. **动态赋值**:描述中提到的“动态赋值”意味着你可以随时更改DateTime控件的值,而不仅仅是初始化时。这可以通过JavaScript代码直接设置控件的“value”属性,或者通过监听其他组件的事件来响应变化。 4. **...
标题 "Extjs 从远程获取json类型的list数据" 涉及的是在Web开发中使用Extjs框架与服务器进行交互,获取JSON格式的数据并展示在列表(List)组件中的技术。Extjs是一款强大的JavaScript库,用于构建富客户端的桌面级...
在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...
在本篇文章中,我们将深入探讨如何在ExtJS框架中获取TreePanel中所有被选中(checked)的叶子节点的ID。此技术对于处理复杂的数据结构、优化用户交互体验以及实现高效的数据管理至关重要。 ### 一、ExtJS简介 ...
总之,“extjs中文帮助文档和英文api”是ExtJS开发者的必备资料,无论你是初学者还是经验丰富的开发者,都能从中获取到有价值的信息,提升你的开发效率和应用质量。利用好这两份资源,将使你在ExtJS开发的道路上更加...
在"ExtJs3.3中文API.CHM"中,开发者可以找到关于ExtJS 3.3的所有API和类的详细描述,以及相关的示例代码。 ExtJS 3.3的核心特性包括: 1. **组件化**:ExtJS基于组件模型,提供了一系列预定义的UI组件,如按钮、...
在 Extjs 中,可以通过 `Ext.state` 模块来管理和操作 Cookie。`Ext.state` 提供了一个统一的状态管理接口,其中包含了多种存储提供者(如 SessionStorageProvider、LocalStorageProvider 和 CookieProvider),而 ...
- **命名空间**: 命名空间在Extjs中用于组织和管理代码,避免变量和函数名的冲突。 #### 3. Extjs OOP Extjs支持面向对象编程,其对象模型包括: - 类的定义(Ext.extend) - 对象实例化(通过new关键字) - 原型...
接着,我们可以探讨如何从RadioGroup中获取用户的选择。有两种主要方式:一是通过`getValue()`方法获取选定的值,二是通过`getSelected()`方法获取选定的单选按钮对象。例如: ```javascript // 获取选定的值 var ...
该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
Extjs checkboxgrop动态获取后台数据,并默认为全选状态