开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ExtJS - 循环通过CheckBoxGroup

ExtJS是一种基于JavaScript的前端开发框架，它提供了丰富的UI组件和工具，用于构建现代化的Web应用程序。循环通过CheckBoxGroup是ExtJS中的一个功能，用于在CheckBoxGroup中循环遍历并操作每个CheckBox。

循环通过CheckBoxGroup的步骤如下：

首先，创建一个CheckBoxGroup组件，并设置其id和items属性。items属性是一个包含多个CheckBox的数组，每个CheckBox都有一个唯一的id和一个显示的文本。
使用ExtJS的方法获取CheckBoxGroup组件的引用，可以通过id或其他方式获取。
使用循环结构（如for循环或ExtJS提供的遍历方法）遍历CheckBoxGroup中的每个CheckBox。
在循环中，可以通过CheckBox的id获取对应的CheckBox组件，并进行相应的操作，如设置选中状态、获取选中值等。

循环通过CheckBoxGroup的优势是可以方便地对多个CheckBox进行批量操作，节省开发时间和代码量。它适用于需要对一组选项进行操作的场景，例如表单中的多选项、设置用户偏好等。

腾讯云提供了一系列与前端开发相关的产品和服务，其中推荐的与ExtJS相结合使用的产品是腾讯云COS（对象存储服务）。腾讯云COS是一种高可用、高可靠、低成本的云存储服务，可以用于存储和管理Web应用程序中的静态资源，如图片、CSS、JavaScript文件等。您可以通过以下链接了解更多关于腾讯云COS的信息：腾讯云COS产品介绍

请注意，本回答中没有提及其他云计算品牌商，如有需要可以自行搜索了解。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

初识Ext.NET

以前从没想过会用到ExtJS，总是对它有着一种反感：认为脚本资源大，执行脚本多，性能差等等。最近因为一个项目使用到了，就用上了。相对JQuery，ExtJS没有那么方便灵活，但是其界面美观，功能实用，可以节约不少开发时间。玩ExtJS，就感觉是在玩配置，也许Java程序员会习惯些。熟悉那些配置无疑也是一件麻烦而且棘手的事情，稍不留心，就得为自己的失误埋单。虽然网上有些设计器，但是大都满足不了需求。后来，在网上找到一款还不错的框架——Ext.NET。这对于.NET开发人员来说，能节省不少时间。至少带智能提示的xml配置怎么也要比写js要顺手方便多了。而且其还是免费开源的。不过在使用过程中，也没有那么顺畅。

06

Extjs-lesson4

Ext.js 系列课程笔记「表单子项」更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』

01

EXT表单

var doSearch=function() { //Ext.Msg.alert('提示','操作已经成功'); location.href ='d.php'; }

03

HarmonyOS-UIAbitity-CheckboxGroup——【坚果派-红目香薰】

CheckboxGroup( options?: { group?: string } )

01

【Java AWT 图形界面编程】AWT 常用 Component 组件 ( Frame | Label | Checkbox | List | Choice | TextField )

文章目录一、AWT 常用组件二、AWT 常用组件示例一、AWT 常用组件 ---- AWT 常用组件 : Frame : 窗口组件 ; Label : 标签组件 , 可现显示文本内容 ; TextArea : 多行文本框组件 ; TextField : 单行文本框 ; Button : 按钮组件 ; Canvas : 画布组件 , 用于绘图的组件 ; Checkbox : 复选框组件 ; CheckboxGroup : 单选框组件 , 将多个复选框组合 , 变成单选选项 , 每个组合中只有一个

01

Java开发GUI之单复选框原

单复选框在处理一些用户选项时十分方便。在Java的GUI体系中，复选框使用Checkbox类来创建，单选框实际上是将多个复选框结合成为组，同一组的复选框同时只能有一个被选中。

02

Extjs form 组件

1.根类 Ext.form.Basic 提供了,表单组件,字段管理,数据验证,表单提交,数据加载的功能 2.表单的容器 Ext.form.Panel 容器自动关联 Ext.form.Basic 的实例对象更方便的进行字段的配置重要属性 defaultType:"" 设置默认子项的xtype 3.数据交互和加载 Ext.form.action.Action Ext.form.action.Submit ajax方式提交 Ext.form.action.StandardSubmit 原始表单提交方法 Ext

05

13. 快速上手！HarmonyOS4.0 Form（Checkbox_CheckboxGroup_Radio_TextInput_TextArea）表单详解

代码中用Flex 包裹了foreach，主要的原因是 Flex 是支持换行的，因此这么操作另外 Text 组件和 Checkbox 组件用 Row 包裹的原因，主要是防止 justifyContent:FlexAlign.SpaceBetween 的影响

00

vue + iview/elementUi --城市多选

最近收到了一个需求，管理系统需要上线一个活动，但是活动是根据地区上线的，最小范围到市，于是有了下面这个组件页面展示如图：

01

设计模式之中介者模式（mediator模式）引入中介者模式中介者模式的实例中介者模式分析

大家想象一下有十个人要共同完成一个工作，他们要互相合作和沟通，并且根据对方的通知可能要改变自己的状态，但这通常会带来很多问题，流程过于复杂，使得每个人不仅要专注于自己的事情，还要与他人进行沟通，得到通知，需要兼顾很多状态的变化。这时候，我们考虑可以引入一个类似上帝视角的角色，就是引入一个中介者，他来负责接受每个人的通知，并将变化发送所需要的人去，就是要他来控制并调节工作的进度和细节，这个人往往是从整体考虑的，所以使得每个人工作者只需要考虑自己的问题，一旦有了变化，就通知仲裁者，交给仲裁者去决定就可以了。所以最后就变成了，整个团队的交流过程，组员向中介者报告，中介者向组员下达只命令。这在现实生活中也是常见的，每个部门通常都会有一个领导人，每个班级有一个班长，往往是班长负责接受同学们的信息，然后将上面的信息从班长这里发给同学们，这里的班长就相当于一个仲裁者，同学们就相当于组员。

03

HarmonyOS-UIAbitity-Checkbox——【坚果派-红目香薰】

Checkbox( options?: {name?: string, group?: string} )

01

ExtJs学习笔记(21)-使用XTemplate结合WCF显示数据

个人认为，XTemplate是ExtJs中最灵活的用来显示数据的组件，有点类似aspx中的Repeater控件，显示数据的模板完全可以由用户以html方式来定制. 先给一个官方的静态示例(稍微改了下)，代码并不复杂，关键的地方，我已经注释了 <script type="text/javascript"> Ext.onReady(function() { var data = { name: 'Jack Slocum',

08

前端两三问(20190923)

checkboxGroup v-for生成三个checkbox，默认勾选。当我点击某个checkbox默认取消勾选并且删除该checkbox。

02

EXT窗口

Ext的对话框都封装在Ext.MessageBox类，该类还有一个简写形式即Ext.Msg，可以直接通过Ext.MessageBox或Ext.Msg来直接调用相应的对话框方法来显示Ext对话框。

02

AWT常用组件

推荐一个网站给想要了解或者学习人工智能知识的读者，这个网站里内容讲解通俗易懂且风趣幽默，对我帮助很大。我想与大家分享这个宝藏网站，请点击下方链接查看。 https://www.captainbed.cn/f1

01

ExtJs学习笔记(22)-XTemplate + WCF 打造无刷新数据分页

ExtJs的Grid组件虽然不管从哪一方面来讲，都称得上是很好很强大，但是总会有一些应用场景并不需要这么多功能，比如网站的留言列表，开发者只想要一个简单的

或列表而已，这时候XTemplate就显得很有用了。本文将讲解如何用XTemplate结合WCF与服务端交互，生成数据列表，同时加上无刷新分页功能(默认情况下ExtJs并没有为XTemplate并没有提供分页功能) 1.先做一些准备工作，写一个通用的类(改编自老张的PageData)，用于WCF向ExtJs返回分页数据 Code

基于SenchaCmd搭建ExtJS 6.2版本开发环境（图文教程）

因为各种原因，需要在extjs项目中开发点新功能，由于之前没好好接触过extjs，我前端领域主要学的是React技术栈。所以开始找资料搭建ExtJs运行环境。

selectionsHook Vue 选择器 hook

xx.gif 使用例子 <template>

all selected: {{ statusIcon(allSelected) }}

none selected: {{ s
04

基于QT的webkit与ExtJs开发CB/S结构的企业应用管理系统

一：源起 1.何为CB/S的应用程序 C/S结构的应用程序，是客户端/服务端形式的应用程序，这种应用程序要在客户电脑上安装一个程序，客户使用这个程序与服务端通信，完成一定的操作。 B/S结构的应用程序，是浏览器/服务端形式的应用程序，这种应用程序不用在客户端部署任何东西，客户只需要通过浏览器与服务端通信，来完成一定的操作。两种类型的程序优缺点对比：对比内容 C/S结构的应用程序 B/S结构的应用程序部署较困难方便升级

Ext JS 4预览：更快、更简单、更稳定

Ext JS 4预览版：更快、更简单、更稳定上周在SanFrancisco看，在哪里，我们很激动来自全球的500多Sencha开发者（放到以前应该叫ExtJs开发者）。这个会议对于每个人都是个巨大的成功，但是对于我来说更大的精彩是下面我花一个小时为你介绍ExtJs4。当我们正处理会议的视频，我想向你介绍我们的旗舰产品ExtJS4.0下一个阶段的发展方向的最激动忍心的一些特性。令人激动的新特性让我们从一些正在添加到ExtJS4.0中令人激动的新特性开始，这虽然不是一个详尽的清单，但却包含即将到来的

Extjs 3.3 tree以下的版本在IE10无法点击的解决办法

距上篇文章已过去好几天了，说好的一周发表1到3篇文章，难道都让狗吃了吗？现在才发布一篇而且还是转载的文章。好了，闲话少叙，切入正题，Extjs前端框架是比较早的前端mvc框架了，可能很多人都没接触过，而且现在也很少有项目用Extjs框架搭建了，原因是什么？那就不得而知了，有人说是Extjs比较重…… 在使用Extjs3.3及以下的版本，在IE10环境中却无法点击树节点，而在IE的其他版本（IE7，IE8，IE9,IE11）均可正常。经过在网上查找资料得知，原因是因为Extjs3.3的ext-all.js中的getAttribute方法不能兼容IE10出错引起。以下是Extjs3.3的ext-all.js的getAttribute方法

EXT.NET高效开发（一）——概述

之前就有想法说说这方面，直到看到我上一篇博客《EXT.NET复杂布局（一）——工作台》的回复：

Vue项目中实现ElementUI按需引入

为了减小项目打包体积，提高项目性能，对Element UI组件进行按需引入，但是在实际实践过程中遇到了比较有意思的问题，官方写的demo然而并不能行的通，有开发者在Issues提问，然后官方并没有给予解决，而开发者用另一种方式实现了。

[翻译]Ext JS 教程-开始使用 ExtJS 4

入门

1. 需求

1.1 网页浏览器

ExtJS 4 支持所有主流的浏览器，从IE 6 到最新的谷歌Chrome。在开发期间，我们建议你使用下面这些浏览器，以获得更好的调试体验。

Ø Google Chrome 10+

Ø Apple Safari 5+

Ø Mozilla Firefox 4+ 带Firebug Web 开发插件

本教程假设你正在使用最新的谷歌 Chrome 浏览器。如果你还没有 Chrome，花点时间去下载它吧，然后去熟悉熟悉 Chrome 的开发者工具。

1.2 Web 服务器

尽管使用 ExtJS 4 并不一定需要一个本地的web 服务器，仍然强烈建议你在开发的时候能有一个，因为 XHR 在大多数浏览器上有针对本地 file:// 的cross origin 限制。如果你还没有本地的web 服务器，建议你下载并安装 Apache HTTP Server。

Ø 了解在 Windows 上面安装 Apache

Ø 了解在 Linux 上面安装 Apache

Ø Mac OS X 已经内置了apache，你可以在 System Preference > Sharing 下面的 Web Sharing 旁找到

一旦你安装好了 Apache ，你可以通过在浏览器地址栏输入 localhost 验证它是否在运行。你会看到一个表示 Apache HTTP 服务器已经成功安装并且正常运行的开始页面。

1.3 Ext JS 4 SDK

下载 Ext JS 4 SDK，把压缩包解压到一个在你的web 根路径下新建的extjs文件夹。如果你不知道web根目录在哪儿，查阅你web服务器的相关文档。Web 根路径的位置根据你操作系统的不同而有所不同，但是如果你使用的是 Apache，你一般会在：

Ø Windows - "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"

Ø Linux - "/var/www/"

Ø Mac OS X - "/Library/WebServer/Documents/"

一旦你已经完成安装，将浏览器导航至 http://localhost/extjs/index.html 。如果一个 ExtJS 4 的欢迎页面出现了，代表你已经一切就绪了。

2. 应用程序结构

2.1 基本结构

如下所列的建议尽管不是强制的，但是可以作为最佳实践指南考虑，以保持你的应用的结构条理性、可扩展性和可维护性。下面是推荐的Ext JS 应用程序结构：

- appname

- app

- namespace

- Class1.js

- Class2.js

- ...

- extjs

- resources

- css

- images

- ...

- app.js
04

动态加载 ExtJS 类库

ExtJS 是一个非常优秀的 JS 框架，由于 ExtJS 自身非常庞大，用于开发测试的 ext-all-debug.js 文件达到了 3.24M ，如果是再加载带注释的 ext-all-debug-w-comments.js 则更是达到了 6M ，可以说是非常庞大了，因此动态加载 ExtJS 是很有必要的，接下来就介绍如何对 ExtJS 做动态加载。

ExtJs一(Hello World)

本文原文链接地址 http://aehyok.com/Blog/Detail/48.html

【网安学术】基于ExtJS的V**管理系统的设计与实现

摘要：基于ExtJS设计了一个V**管理系统，主要应用于配网安全防护系统中的主站加密装置，可实现对主站加密装置的参数配置及运行维护。由于应用要求，该管理系统需界面美观、响应迅速、用户体验佳，且稳定性强、易于维护。综合对比分析多种JS框架，采用了Ajax开发框架——ExtJS作为前端开发框架，同时服务端选用简洁轻巧的网页开发语言PHP，再结合轻量级的后台数据库，最终实现了一个高效易用的V**管理系统，实现了方便快捷地对主站加密装置进行管理及维护的目的。

ExtJs的api文档该怎么看

之前有在ExtJS初体验中说了ExtJs给我们项目开发带来了很多便利，有童鞋在下面留言问extjs的API该怎么看？很多刚入门的童鞋被ExtJs里各种庞大的控件弄晕了，不知道怎么看api。那么这篇我就简单地说下extjs的api该怎么看。

ExtJs一(Hello World)

本文原文链接地址 http://aehyok.com/Blog/Detail/48.html

ExtJs学习笔记(20)-利用ExtJs的Ajax与服务端WCF交互

ExtJs是一套非常不错的javascript UI库(第一次接触ExtJs的，可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例。相信不少人会心动的)，不仅组件丰富，效果漂亮，而且ExtJs集成的Ajax功能可以方便的与.Net的WCF进行交互. 这里我们将演示ExtJs的FormPanel从WCF加载数据，以及如何提交数据到WCF服务端 1.首先来定义一个用于传输信息的Class（实际开发中，可以是Linq to Sq

ExtJs学习笔记(23)-ScriptTagProxy+XTemplate+WCF跨域取数据

ajax应用中跨域一直是一个非常麻烦的问题，目前也有一些解决办法，但要么比较麻烦，要么就不具备通用性，幸好ExtJs里的ScriptTagProxy提供了跨域读取数据的功能，而且在几大浏览器上都可以正常运行，但在使用过程中要注意几点: 1.服务端返回时，必须按以下格式返回: stcCallback1001({...}) 其中stcCallback1001中的1001是自动生成的，如果是分页提交的话，每再请求一次1001会变成1002,1003...类推 2.ExtJs官方的示例中虽然ScriptTagPro

TDesign 更新周报（2022 年 4 月第 3 周）

详情见：https://github.com/Tencent/tdesign-vue/releases/tag/0.40.3

借用疯狂秀才的页面，修改了一下自然框架后台管理的页面。

不知道为什么，就是不喜欢extJS，昨天看到了疯狂秀才的页面，大家都说好，那我就借鉴一下吧。下载源码，加到aspx里面。运行，居然有js错误。一模一样的呀，怎么出错了？仔仔细细看了n遍，终于发现了不同的地方——多了一个表单<form > 。去掉了就ok了。　　然后就是修改菜单了。秀才的菜单是写死在页面里的js形式，我是喜欢动态加载的，于是用了一个古老的方法，在后台组合html，哦不对是js脚本了。　　写代码，运行，调试，ok。 private void BindNode() {

No mapping found for HTTP request with URI [/zjic] in DispatcherServlet

控制台出现 No mapping found for HTTP request with URI [/zjic] in DispatcherServlet

JQuery EasyUi之界面设计——前言与界面效果（一）

如果冯巩的开场白是“观众朋友们，我想死你们了”，那么我的开场白是“最近一直很忙，很久没有发文了”。

TypeScript 强类型 JavaScript – Rafy Web 框架选型

今天看到了 AngularJs 2.0 版本将基于 TypeScript 构建的消息。与同事们对 TypeScript 展开了讨论。本文记录一些个人的想法。理想的 JavaScript 开发模式其实早在 TypeScript 发布早期的时候，我就已经开始关注这个语言。因为在2012年初时，我需要为 Rafy/OEA 平台选型编写 Web 端自动界面生成框架：Rafy.js。而这个客户端框架需要基于一些流行的 JS 库来进行开发，当时选型的重点就是选择哪一个基础框架。当时，我期望能找到一种可以编写大型

狐友网上下载了一个源代码，竟然大胆用VFP换掉JAVA

我是在网上下载了一个较好的EXTS框架，JAVA+EXTJS，大家有空可以利用猫老师培训知识改造为VFP+EXTJS通用框架。

EXT表格

http://blog.csdn.net/21aspnet/article/details/6782028

web中的树形结构【小结】

最近在做一个项目，是一个b/s架构的，在项目中，用到了树形结构，即如图1所示的结构。

EXT基础

–Ext是一个Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力，提高用户体验。

ExtJs学习笔记(1)_Hello World!

extjs最新版，可从http://www.extjs.com/官方网下载，下载包解压后docs目录里，就是API文档，samples目录里是示例今天接触了下ExtJs，确实不错，先来一个最经典的Hello World. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w

ExtJS初体验

最近公司的一个系统有用到Extjs框架，对于之前完全用JQuery的js插件的我来说，对Extjs的api并不熟悉。extjs是个富客户端框架，一般用来做后台管理系统，封装了非常多的控件，很庞大，很复杂，学习门槛高。jquery是一个前后台都可以用的框架，是对js的封装，js轻量级框架。没有封装任何控件，学习曲线小，程序员和前端必须要掌握的。这两天体验了一下，如图：

vue-cli3按需引入element-UI

安装的时候会有提示询问是全部安装还是按需引入，选择按需引入（emmm……忘记截图了(灬ꈍ ꈍ灬) ）

产品前端重构（TypeScript、MVC框架设计）

最近两周完成了对公司某一产品的前端重构，本文记录重构的主要思路及相关的设计内容。公司期望把某一管理类信息系统从项目代码中抽取、重构为一个可复用的产品。该系统的前端是基于 ExtJs 5 进行构造的，

自己动手写UI库——引入ExtJs（布局）

第一：来看一下最终的效果第二：来看一下使用方法：第三： Component类代码如下所示： public class Component { publi

利用JQuery实现更简单的Ajax跨域请求

前一阵发过一篇利用ExtJs的ScriptTagProxy实现Ajax跨域请求的文章(https://cloud.tencent.com/developer/article/1026528)，这几天看了一下Jquery，发现如果用JQuery中的getScript其实更简单(jquery 1.2.6版本) 这里给出代码，希望对Ajax跨域感到棘手的朋友有所帮助: Code <html> <head> <title>JQuery学习</title> <script src="jquery-1.2.6.min.

Ext整体印象

其实国内不乏有自己开发自己框架的公司，比如上海的道锐（不如Ext全面，更侧重于其业务经验）等，一直以来我们关心的重点都在服务器端（如程序结构、设计模式、数据库设计、运行平台、数据访问组件等），在当前Web盛行时期，而且发展的如日中天，我强烈的感觉到我们有必要将客户端的设计和实现水平提高，才能匹配服务器端做的努力，这就是木桶原理的一个应用吧。全球很多企业在用Ext，其中包括IBM HP Adobe等多达74知名公司。我想在这样的应用广度下Ext应该是一个值得信赖的，不会有 ExtJS是一个你可以信赖的用

Vue/ExtJS+SpringBoot打造双版本通讯录管理系统

本文介绍的通讯录管理系统分为两个版本，分别是 ExtJS 版本和 Vue.js 版本。

WP7 手机软件纪念 - 稍后读软件

在本月换机之际，决定写篇博客纪念一下我在 WP7 手机上开发的一个稍后读软件。这个工具开发完成后，两年间，我的 WP7 手机 80% 的用途，都发挥在了它身上。这个软件其实是一个离线阅读工具，非常类似于 ReadItLater，做了一些个人的定制功能。当时只是因为 WP7 系统上没有好用的此类软件，所以只得自己开发。软件包含手机端和 Web 端，Web 端使用了 ExtJs 来搭建（那会儿正尝试学习 ExtJs4），提供了快捷按钮，可以拖拽到浏览器上随时保存想要的网页。以下是这个工具的截图：手机端：

mongoDB 比较运算符

比较运算符是我们学习任何语言或系统中最为常见的运算符之一。mongoDB的比较运算符，跟Linux的差不多，只不过每一个比较运算符前面会带有符号，他们分别是$eq、$gt、$gte、$lt、$lte、$ne、$in、符号，他们分别是\$eq、\$gt、\$gte、\$lt、\$lte、\$ne、\$in、nin等，下面将对这几个运算符进行描述。一、比较运算符 $eq = "=" $gt (greater than ) > $gte

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称