Checkbox Text List :: Extension of Iconified Text tutorial
What you will learn:How to create a list of items with Checkboxes
Difficulty:2.0 / 5
What it will look like:
Description:
This tutorial grew from another tutorial here which dealt with making lists with icons attached to each list item. (IconifiedTextView tutorial).
1.In order to make a List which includes checkboxes, we need to modify a few things. InCheckBoxifiedText.java, we made a String to hold the text of our list item. We also need a boolean value to keep track of the status of the checkbox (checked = true, unchecked = false). The constructor will initialize the checkbox to be checked or unchecked.
Java: |
publicclassCheckBoxifiedTextimplementsComparable{
privateStringmText =""; privatebooleanmChecked; publicCheckBoxifiedText(Stringtext,booleanchecked){ /* constructor */ mText = text; mChecked = checked; }
|
2.Second, we need to look atCheckboxifiedTextViewAdapter.java. We need to add code to support our checkbox.(src.getChecked()will tell us whether our box is checked or not.
Java: |
publicViewgetView(intposition,ViewconvertView, ViewGroup parent){ CheckBoxifiedTextView btv; if(convertView ==null){ btv =newCheckBoxifiedTextView(mContext, mItems.get(position)); }else{// Reuse/Overwrite the View passed // We are assuming(!) that it is castable! CheckBoxifiedText src = mItems.get(position); btv =(CheckBoxifiedTextView)convertView; btv.setCheckBoxState(src.getChecked()); btv =(CheckBoxifiedTextView)convertView; btv.setText(mItems.get(position).getText()); } returnbtv; }
|
We also want to add some methods for doing things like getting the state of the checkbox, or selecting all the items.
Java: |
publicvoidselectAll(){ for(CheckBoxifiedText cboxtxt: mItems) cboxtxt.setChecked(true); /* Things have changed, do a redraw. */ this.notifyDataSetInvalidated(); }
|
3.Open upCheckBoxifiedTextView.java. We need to set up where we want the checkbox to be located, the text location, and whether the box is checked or not.
Java: |
publicCheckBoxifiedTextView(Contextcontext, CheckBoxifiedText aCheckBoxifiedText){ super(context);
/* First CheckBox and the Text to the right (horizontal), * not above and below (vertical) */ this.setOrientation(HORIZONTAL); mCheckBoxText = aCheckBoxifiedText; mCheckBox =newCheckBox(context); mCheckBox.setPadding(0,0,20,0);// 5px to the right
/* Set the initial state of the checkbox. */ mCheckBox.setChecked(aCheckBoxifiedText.getChecked());
/* At first, add the CheckBox to ourself * (! we are extending LinearLayout) */ addView(mCheckBox,newLinearLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
mText =newTextView(context); mText.setText(aCheckBoxifiedText.getText()); //mText.setPadding(0, 0, 15, 0); addView(mText,newLinearLayout.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); }
|
4.Finally, we can look at our ListActivity code which will be using the classes we just made. In the attached source code, this is theCheckbox.javafile. For this example, i am using an array of strings which contain the text we want in each list item. We create a checkboxlist adapter, cbla, first.
Then, we loop through each item in the array and add it to the list adapter (usingcbla.addItem()). I am setting all the checkboxes to initially be unchecked by passing the value of FALSE.
Java: |
publicclassCheckboxextendsListActivity{ /** Called when the activity is first created. */
privateCheckBoxifiedTextListAdapter cbla; // Create CheckBox List Adapter, cbla privateString[]items ={"Box 1","Box 2","Box 3","Box 4"}; // Array of string we want to display in our list
@Override publicvoidonCreate(Bundle icicle){ super.onCreate(icicle); setContentView(R.layout.main);
cbla =newCheckBoxifiedTextListAdapter(this); for(intk=0; klength; k++) { cbla.addItem(newCheckBoxifiedText(items[k],false)); } // Display it setListAdapter(cbla); } }
|
Thats pretty much it. Not much work! Attached are all the source files you will need for this tutorial. I have also added functions such as select all, and deselect all which will come in handy.
分享到:
相关推荐
var selectedText = checkBoxList[i].text; var selectedValue = checkBoxList[i].value; // 进行相关操作 } } ``` **全选和取消选中** 在服务器端,可以设置CheckBoxList的所有项为选中或取消选中状态: ```...
本篇将详细讲解如何在ASP.NET中获取`CheckBoxList`控件选中的`value`和`text`。 首先,我们创建一个`CheckBoxList`控件。在ASP.NET的`.aspx`页面中,你可以这样定义它: ```html <asp:CheckBoxList ID="CheckBox...
npm install checkbox-list bower install checkbox-list 使用 HTML 导入 在你的<head> : < link rel =" import " href =" checkbox-list/dist/index.html " > 在 HTML 或可编程性中使用...
### 遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList #### 知识点一:CheckBoxList概述及应用场景 **CheckBoxList** 是ASP.NET Web Forms中一个非常有用的控件,它允许用户选择一个或多个选项。CheckBoxList...
checkBoxList.DataTextField = "Text"; // 显示的文本字段 checkBoxList.DataValueField = "Value"; // 值字段 checkBoxList.DataBind(); ``` 2. 动态添加项: 如果需要在运行时动态添加项,可以使用Items集合,...
在.NET Web开发中,CheckBoxList控件经常用于呈现一组可多选的选项。然而,有时候我们需要将CheckBoxList的功能限制为只能单选,就像单选按钮(RadioButtonList)那样。本篇将详细介绍如何在C#环境下,针对ASP.NET ...
在网页开发中,多选下拉的CheckBoxList是一种常见的用户界面元素,用于提供多个选项让用户进行复选选择。这种功能通常在需要用户选择多个值,且空间有限的情况下使用,例如填写表单或设置偏好时。在ASP.NET环境中,...
### CheckBoxList的用法 #### 一、CheckBoxList概述 `CheckBoxList`是ASP.NET Web Forms框架中的一个控件,它允许用户从一系列复选框中进行选择。这些复选框通常用来收集用户的选择偏好或者多选数据。与普通的单个...
在Struts2中,`checkboxlist`标签是用于显示一组可选的复选框,通常用于用户在表单中多选选项。本文将深入探讨`checkboxlist`标签以及如何实现换行显示。 在Struts2的标签库中,`<s:checkboxlist>`标签主要用于创建...
在ASP.NET开发中,Dropdownlist控件通常用于创建单选下拉列表,而CheckBoxList控件则用于展示可多选的列表项。然而,有时我们需要一个具有多选功能的下拉框,这时可以将Dropdownlist与CheckBoxList结合起来实现这一...
在本篇文章中,我们将深入探讨如何在ASP.NET Web Forms中使用CheckBoxList控件,并通过一个具体示例来学习如何遍历CheckBoxList中的项并获取已选中的值。此过程不仅适用于免费下载场景,而且对于任何需要处理用户...
本文将深入探讨如何巧妙地处理`checkboxlist`的默认选中值以及实现换行显示。 首先,我们需要创建一个数据实体类来封装复选框的选项。例如,`CheckboxBean`类,包含`id`和`name`两个属性,分别代表复选框的唯一标识...
C#中checkboxList控件用法总结 CheckboxList控件是C#中常用的控件之一,主要用于显示多选项列表。以下是关于CheckboxList控件的17种常用方法的总结。 一、添加项 CheckboxList控件可以使用Items.Add方法来添加新...
1、ListView item中加入checkbox后onListItemClick 事件无法触发。 原因:checkbox的优先级高于ListItem于是屏蔽了ListItem的单击事件。 解决方案:设置checkbox的android:focusable="false" 2、选择其中的...
android:text="我是CheckBox" /> ``` 这里的`android:id`用于标识该组件,`android:layout_width`和`android:layout_height`定义了CheckBox的尺寸,而`android:text`设置了显示的文本内容。 在Java代码中,可以...
前进复选框按钮用于表单或其他Html Css项目的“高级”复选框按钮 :red_heart: :grinning_face_with_smiling_eyes: :face_with_tears_of_joy:
【CheckBoxList的操作】知识点详解 CheckBoxList是Windows Forms控件,用于显示一组可选的复选框,用户可以选择其中的一项或多项。以下是关于CheckBoxList的一些关键操作和常见用途的详细说明: 1. **添加项**:你...
在ASP.NET Web Forms开发中,CheckboxList控件是一种常用的选择多选项的用户界面元素。它允许用户从一组可选的复选框中选择一个或多个选项。然而,原生的CheckboxList控件功能有限,有时可能无法满足复杂的业务需求...
script src =" dist/jquery.checkboxtree.js " > </ script > < script src =" dist/jquery.checkboxtree.min.js " > </ script > 快速开始 $('#tree-container').checkboxtree({ data: [ ...