`

Flex4 学习笔记-checkBox组件全选和取消全选的使用

    博客分类:
  • Flex
 
阅读更多

 

下面是Flex4的代码,非常的简单,一看就明白..不解释.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
 <s:layout>
  <s:BasicLayout/>
 </s:layout>
 <fx:Declarations>
  <!-- 将非可视元素(例如服务、值对象)放在此处 -->
 </fx:Declarations>

<s:Label 
   x="176" 
   y="169" 
  text="爱好:" width="38"/>

<s:CheckBox 
   x="217" y="165" 
   id="chkBaseID" 
   label="{chkBaseID.selected==true?'取消全选':'全部选择'}"/>


 <s:CheckBox 
   x="314" 
   y="165" 
   label="打游戏" width="56" id="chkGame" selected="{chkBaseID.selected}"/>


 <s:CheckBox 
   x="394" 
   y="165" 
   label="听音乐" width="56" id="chkMinus" selected="{chkBaseID.selected}"/>


 <s:CheckBox 
   x="479" 
   y="165" 
   label="看小说" width="56" id="chkxs" selected="{chkBaseID.selected}"/>
 

<s:CheckBox 
   x="563" 
   y="165" 
   label="看电影" width="56" id="chkdy" selected="{chkBaseID.selected}"/>
</s:Application>

  

运行结果:



 
   
 

  • 大小: 1.7 KB
  • 大小: 2.4 KB
分享到:
评论

相关推荐

    element-ui CheckBox全选.txt

    vue配合element-ui框架中el-checkbox 接收json"data:[{key:1,name:'小李'}]"对象时全选与非全选时获取相关设定的值源码文件

    vue+elementui实现下拉框增加checkbox并可全选或取消(完整案例及效果图).zip

    在这个特定的案例中,我们关注的是如何使用Element UI来实现一个带有复选框(checkbox)的下拉框(select),并且支持全选和取消全选的功能。下面将详细介绍这一功能的实现步骤和关键知识点。 首先,我们需要在项目...

    checkbox的全选与取消

    在网页设计中,复选框(Checkbox)是用户界面中不可或缺的一部分,它允许用户对多个选项进行选择。本文将深入探讨“复选框的全选...通过分析和学习“checkbox.html”这个示例文件,我们可以更好地理解和实践这些概念。

    flex在DataGrid中实现checkbox全选或取消

    在IT行业中,尤其是在Web开发领域,Flex是一种广泛使用的ActionScript框架,它允许开发者构建富互联网应用程序(RIA)。...通过阅读和学习提供的源码,开发者可以加深对Flex数据绑定、事件处理以及自定义渲染器的理解。

    Checkbox全选问题

    HtML javascritp checkbox 全选HtML javascritp checkbox 全选

    checkbox的几种全选方法

    5. 使用`for`循环遍历这些Checkbox,通过`event.srcElement.checked`获取全选按钮的选中状态,并赋值给每个Checkbox的`checked`属性。 #### 方法二:使用变量控制全选状态 这种方法同样使用JavaScript,但引入了一...

    flex Datagrid checkbox全选

    在Flex开发中,Datagrid是一种常用的组件,用于展示表格数据,而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先,我们要了解Flex Datagrid的...

    easyui checkbox +全选

    标题 "easyui checkbox +全选" 指的是在网页界面设计中使用 EasyUI 框架实现复选框(checkbox)以及全选功能。EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列预定义的 CSS 样式和 JavaScript 组件,帮助...

    checkbox实现全选和反选经典例子

    在高级控件如DataGridView中,通过结合Checkbox可以实现全选和反选功能,为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

    vue+vant-UI框架实现购物车的复选框全选和反选功能

    其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品。本文档将会介绍如何使用Vue.js结合Vant-UI组件库来实现这一功能。 #### 2. Vant-UI和Vue.js简介 **Vue.js** 是一个构建用户界面的渐...

    JQuery实现checkbox的全选取消全选

    在IT领域,特别是前端开发中,使用jQuery来操作DOM元素是一种常见的实践,特别是在处理复选框(checkbox)的全选与取消全选功能时。本文将深入解析如何使用jQuery实现这一功能,通过分析给定代码片段,提炼出关键...

    DOM练习-onkeydown事件--onmouseover事件-左侧菜单栏点击收放-图片切换-checkbox全选-表单校验

    【前端 HTML+CSS+JavaScript(JS)】DOM练习-onkeydown... ...【前端 HTML+CSS+JavaScript(JS)】DOM练习-checkbox实现全选 带注释/总结 【前端 HTML+CSS+JavaScript(JS)】DOM练习-用户名密码校验(表单校验) 带注释/总结

    Recyclerview item上CheckBox,包括全选,取消全选,单选功能

    至此,我们就完成了在RecyclerView item上添加CheckBox,包括全选、取消全选和单选功能的实现。通过自定义Adapter,我们可以灵活地控制CheckBox的行为,满足各种复杂的交互需求。在实际项目中,可能还需要根据具体...

    Flex DataGrid CheckBox 一个简单的全选

    在Flex开发中,DataGrid组件是一个非常常用的控件,它用于展示数据集合,并提供交互式操作,如排序、选择等。本示例聚焦于DataGrid中的CheckBox集成,特别是实现一个全选的功能。以下是对这个主题的详细解释: 一、...

    flex4 list全选,反选

    本文将详细探讨如何在Flex4的List组件上实现全选和反选功能。 首先,我们需要了解Flex4 List的基本结构。List组件通过数据Provider(通常是ArrayCollection或XMLListCollection)来存储和显示数据。每个数据项对应...

    js实现checkbox 全选和取消

    js实现checkbox 全选和取消 自己亲测可以使用

    简约时尚CSS样式,checkbox 全选或取消全选、或得到选中个数全案例使用详解

    "Table简约时尚CSS样式,checkbox全选或取消全选、或得到选中个数全案例使用详解(百度、CSDN、ITEye).html"是一个实际的示例文件,它包含完整的HTML和CSS代码,可能还包含了JavaScript实现。这个案例演示了如何将...

    flex datagrid 嵌套checkbox实现全选

    Flex3使用ActionScript3编程语言,支持MXML和AS3的混合编程,提供丰富的组件库和强大的数据绑定功能。 5. **代码实现**: - 首先,你需要在DataGrid的每一行定义一个包含复选框的数据列(DataGridColumn)。 - ...

    js checkbox全选 反选 取消全部设置表单html复选框

    "js checkbox全选 反选 取消全部设置表单html复选框"这个标题描述了一个常见的功能需求,即通过JavaScript控制HTML中的复选框(checkboxes),实现全选、反选和取消全部选中的功能。在本文中,我们将深入探讨如何...

    WPF之CheckBox组的全选设计

    4. **事件处理**:监听全选CheckBox的Click事件,然后使用位运算更新子CheckBox的状态。例如,如果全选CheckBox被选中,将所有子CheckBox的IsChecked设为全选枚举值;如果取消选中,设为None。 5. **子CheckBox的...

Global site tag (gtag.js) - Google Analytics