`

Extjs的单选框和复选框的取值与赋值

阅读更多

Extjs的单选框和复选框的取值与赋值

 

1.取值:
取值方式和textfield一样,有2中方式:

(1).Ext.getCmp("id").getValue();
(2).form.getForm().findField("name").getValue();

区别:单选复选框取的只有“true/false”!


2.赋值:
赋值方式和textfield一样,有2中方式:

(1).Ext.getCmp("id").setValue(true/false);
(2).form.getForm().findField("name").setValue(true/false);

区别:赋值只能用“true/false”,而textfield可以用任意值

 
注意:通过request传到后台时,单选框传的值是“0/1”,而复选框传的值是“0/on”,即复选框若是选中状态,将传一个“on”字符串到后台

 

3.实例:

Extjs:

//单选框
var statusRadio = new Ext.form.RadioGroup({
    fieldLabel: '新闻状态',
    width: 200,
    items:[{  
        layout: 'column',  
	    items: [{
	    	id:"qy",
	        name: 'status',
	        inputValue: '1',
	        boxLabel: '启用',
	        checked: true
	    }, {
	    	id:"ty",
	        name: 'status',
	        inputValue: '0',
	        boxLabel: '停用'
	    }]
    }]
});

//复选框
{
	id:"ishot",
	name:"ishot",
	xtype:"checkbox",
	fieldLabel:"是否热点"
}

 

Servlet:

String statusStr = request.getParameter("status");
String ishotStr = request.getParameter("status");
int status = Integer.valueOf(statusStr);
int ishot = 0;
if("on".equals(ishotStr)){
	ishot = 1;
}

 

图示:

 

 

 

 

 

  • 大小: 3.7 KB
  • 大小: 7.3 KB
  • 大小: 7.1 KB
  • 大小: 1.7 KB
分享到:
评论

相关推荐

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    在EXTJS这个强大的JavaScript框架中,用户界面的交互设计是其一大亮点,其中包括各种各样的控件,如复选框(checkboxes)和全选功能。然而,在实际应用中,我们可能会遇到一个问题:当实现全选功能后,如果尝试取消...

    extjs4.1下拉复选框完整DEMO

    总结一下,"extjs4.1下拉复选框完整DEMO"展示了如何利用ExtJS 4.1的组件系统和数据存储机制创建一个动态加载数据的下拉复选框。这个DEMO的实现包括核心库、用户扩展、资源文件和演示代码,为开发者提供了一个完整的...

    带复选框的 ExtJs tree

    在给定的文件中,我们关注的是“带复选框的ExtJS tree”这一主题,这涉及到ExtJS框架下的树形组件(TreePanel)如何与复选框结合,为用户提供更为灵活的数据选择和管理方式。 ### 标题解析:“带复选框的ExtJS tree...

    基于EXTjs 的 动态复选框树

    基于EXTjs 的 动态复选框树 json数据交互

    extjs带复选框的树包括全选 反选 子选父以及 父选子

    在JSP页面上,ExtJS与ADF(Oracle Application Development Framework)一起使用时,可能涉及到数据模型和视图的交互。ADF提供服务器端的业务逻辑处理,而ExtJS负责客户端的展示和交互。在这样的应用场景中,我们...

    extjs3.X 带复选框的树

    总的来说,带复选框的树在ExtJS 3.x中是一个强大的功能,它结合了树形结构和复选框的选择机制,为用户提供了一种直观且高效的方式来操作层级数据。理解和实现这样的功能,对提升ExtJS应用的用户体验至关重要。

    extjs4带全选复选框的下列表(有bug)

    1、解压,进入extjs4.2.1\examples\form,浏览器打开 hbox-form.html 文件,当我勾选中任意一个多选下拉框,然后再勾选‘ALL’时,‘ALL’却是不被选中的状态,且...extjs4.2.1\examples\form\MultipleComboBox.js

    ExtJS(ajax框架) 4.2.1

    从ExtJS 4开始,框架不再扩展数组或函数等原生对象,因此,与其它的框架同时加载到页面时,再也不会产生冲突。 应用架构:在ExtJS 4,引入了一个标准化的几乎适合任何ExtJS应用程序的MVC风格的应用架构。使用MVC,...

    EXTJS checkbox赋值

    7. `items`: 这是一个数组,包含了每个复选框的配置,每个配置项包括`boxLabel`(复选框显示的文本)、`name`(与`checkboxgroup`相同的name,用于数据绑定)和`inputValue`(当复选框被选中时,对应的值)。...

    extjs4.1 框架和文档

    extjs4.1 框架和文档 从官网下载的extjs-4.1.0-rc1

    Extjs4.2带复选框下拉树组件

    网上搜索了许久未找到...Extjs4.2 带复选框的下拉树,解决了向下勾选子节点、向上勾选父节点,正选反选获取值等问题,勾选的节点显示displayfield值直接显示在下拉文本框中。需要引用ext-all.js和ext-all-neptune.css

    ExtJs 登陆框、框架

    在C#开发环境中,ExtJS 可以作为前端技术与后端的C#服务进行交互,实现数据的动态加载和展示。 在“C# Extjs 登陆框、框架”这个主题中,我们主要关注的是如何使用ExtJS创建一个登录界面,并结合C#后端实现用户验证...

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到的“全选/全不选”功能,是多选下拉框的一种高级特性,它提供了快速选择或取消所有选项的便利。 首先,我们来看看`...

    ExtJS后台框架 测试可用

    Extjs后台框架,适合复杂的网站,方便扩展

    无废话ExtJs 系统教程十九[动态复选框:RemoteCheckboxGroup]

    5. 自定义渲染:如果你需要对复选框的呈现方式做特殊定制,例如添加额外的样式或行为,你可以使用ExtJS的模板和渲染函数来实现。 现在,我们来看看`ext-basex.js`这个文件。这很可能是ExtJS的一个基础库或者特定...

    弹出层弹出层复选框

    提问 - Boxy.ask() - 用户定义的选项,选择项传递给回调函数 弹出 - Boxy.alert() - 回调函数总是不被调用 确认 - Boxy.confirm() - 仅当用户选择了“确认”时回调函数会被调用 行业选择器 - Boxy.industry() - 仅当...

    EXTJS动态树支持checkbox 全选

    通过查看和学习这些代码,你可以更深入地理解EXTJS动态树和复选框全选功能的实现方式。 总结来说,EXTJS动态树支持checkbox全选是一个结合了EXTJS TreePanel组件、数据模型、事件处理和异步加载技术的功能实现,...

    13款extjs后台框架

    在给定的“13款extjs后台框架”中,我们可以看到各种基于ExtJS开发的后台管理模板,这些模板通常包含了一系列预设的页面布局、功能组件和样式设计,旨在帮助开发者快速搭建后台管理系统。 1. **免费后台管理模板**...

    extjs6.6框架的web项目(登录+首页)

    这个项目是一个基于EXTJS 6.6的Web应用实例,提供了完整的登录页面和首页布局,包括左侧菜单和列表展示。以下是关于EXTJS 6.6框架以及该项目的关键知识点: 1. **EXTJS 6.6框架**:EXTJS 是由Sencha公司开发的一个...

Global site tag (gtag.js) - Google Analytics