首页 / JAVASCRIPT / javascript – 包含复选框和文本的Listview在滚动时重置

javascript – 包含复选框和文本的Listview在滚动时重置

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 包含复选框和文本的Listview在滚动时重置，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5520字，纯文字阅读大概需要8分钟。

内容图文

我已经绘制了一个带有ListView和标题的自定义导航抽屉,但是当我滚动列表时,列表中的复选框将被取消选中.

其次,当我点击标题部分中的重置按钮时,我希望Listview中的所有复选框都应该取消选中.我一直试图让它工作,但无法找到任何解决方案..

这些片段是

public class NavigationDrawer extends Fragment{
   @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.filter_navigation_drawer, container,false);
        drawerListView= ( ListView ) view.findViewById( R.id.listDrawer );
        drawerListView.setOnItemClickListener(new FilterDrawerItemClickListener());

        dataList.add(new FilterDrawerItem("sample1",true));
        dataList.add(new FilterDrawerItem("sample2",true));
        dataList.add(new FilterDrawerItem("sample3",true));
        dataList.add(new FilterDrawerItem("sample4",true));
        dataList.add(new FilterDrawerItem("sample5",true));
        dataList.add(new FilterDrawerItem("sample2",true));
        dataList.add(new FilterDrawerItem("sample2",true));
        dataList.add(new FilterDrawerItem("sample2",true));
        dataList.add(new FilterDrawerItem("sample2",true));

        adapter = new FilterCustomDrawerAdapter(getActivity(), R.layout.drawer_filter,dataList,drawerStatus);
        drawerListView.setAdapter(adapter);
        adapter.getFilterList();

        resetBtn = (TextView)view.findViewById(R.id.filterby_reset);
        if(resetBtn != null){
            resetBtn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    application.setFilterStatus("reset");
                    for(int i=0; i<dataList.size(); i++){
                       dataList.get(i).setCheckBoxId(false);
                    }
                    adapter.notifyDataSetChanged();
                    // this.onCreateView();
                }
            });
        }

        return view;
    }
}

FilterCustomDrawerAdapter.java

public class FilterCustomDrawerAdapter extends ArrayAdapter<FilterDrawerItem> {

    Context context;
    List<FilterDrawerItem> drawerItemList;
    int layoutResID;
    int item = 0;
    String status;
    List<Integer> filterList = new ArrayList<Integer>();
    DrawerStatus drawerStatus;
    StataApplication application = StataApplication.getInstance();

    HashMap<Integer, Boolean> checked;   // newly added code

    public FilterCustomDrawerAdapter(Context context, int layoutResourceID,
                                     List<FilterDrawerItem> listItems,DrawerStatus drawerStatus) {
        super(context, layoutResourceID, listItems);
        this.context = context;
        this.drawerItemList = listItems;
        this.layoutResID = layoutResourceID;
        this.drawerStatus = drawerStatus;
        checked = new HashMap<Integer, Boolean>(getCount());
    }

    public FilterCustomDrawerAdapter(Context context, int layoutResourceID,
                                     List<FilterDrawerItem> listItems) {
        super(context, layoutResourceID, listItems);
        this.context = context;
        this.drawerItemList = listItems;
        this.layoutResID = layoutResourceID;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub

        final FilterDrawerItemHolder drawerHolder;
        View view = convertView;

        if (view == null) {
            LayoutInflater inflater = ((Activity) context).getLayoutInflater();
            drawerHolder = new FilterDrawerItemHolder();

            view = inflater.inflate(layoutResID, parent, false);
            drawerHolder.ItemName = (TextView) view.findViewById(R.id.drawer_filterName);
            drawerHolder.checkBox = (CheckBox) view.findViewById(R.id.drawer_cbox);

            view.setTag(drawerHolder);
        } else {
            drawerHolder = (FilterDrawerItemHolder) view.getTag();
        }

        FilterDrawerItem dItem = (FilterDrawerItem) this.drawerItemList.get(position);

        drawerHolder.ItemName.setText(dItem.getItemName());
        TextView resetView = (TextView)view.findViewById(R.id.filterby_reset);
        CheckBox checkBox = (CheckBox) view.findViewById(R.id.drawer_cbox);

        // Newly added code
        Boolean isChecked = checked.get(position);
        checkBox.setChecked(isChecked == null ? false : isChecked);

      // if(application.getFilterStatus() != null) {
           if(checkBox.isChecked()){
               drawerHolder.checkBox.setChecked(false);
           }
      // }

        checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView,boolean isChecked) {
                if (isChecked) {
                    filterList.add(new Integer(position));
                    checked.put(position, true);
                } else {
                    filterList.remove(new Integer(position));
                    checked.put(position, false);
                }
            }
        });

        drawerHolder.checkBox.setTag(position);
        Log.d("FILTER_LIST_SIZE",String.valueOf(filterList.size()));

        return view;
    }

    private static class FilterDrawerItemHolder {
        TextView ItemName;
        CheckBox checkBox;
    }

    public List<Integer> getFilterList(){
        return filterList;
    }
}

在下面的图像中,当我滚动列表时,如果我选中了复选框sample1和样本2,则在滚动时将取消选中它.
并且在点击标题中的重置按钮时,我希望取消选中所有复选框.
无法使这个工作……

更新1

 resetBtn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    List<FilterDrawerItem> adapterDataList = adapter.getDrawerItemList();
                    for(int i=0; i<adapterDataList.size(); i++){  // At this place i am getting the size as 9
                        adapterDataList.get(i).setCheckBoxId(false);
                    }
                    adapter.setDrawerItemList(adapterDataList);
                    adapter.notifyDataSetChanged();
                }
            });

解决方法:

它因为在ListView中回收使用视图.你应该创建一些HashMap：

HashMap<Integer, Boolean> checked;

然后在构造函数中执行以下操作：

checked = new HashMap<Integer, Boolean>(getCount());

在复选框上设置OnCheckedChangeListener之后,在事件方法中执行以下操作：

checked.put(position, yourCheckBoxCheckedState);

在getView()方法中执行以下操作：

Boolean isChecked = checked.get(position);
checkBox.setChecked(isChecked == null ? false : isChecked)

试试这个,我认为应该有所帮助

UPDATE

resetBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                adapter.deselectAll();
            }
        });

然后在适配器创建方法：

 public void deselectAll() {
   checked = new HashMap<Integer, Boolean>(getCount());
   notifyDataSetChanged();
 }

内容总结

以上是互联网集市为您收集整理的javascript – 包含复选框和文本的Listview在滚动时重置全部内容，希望文章能够帮你解决javascript – 包含复选框和文本的Listview在滚动时重置所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/702021.html

来源：【匿名】

【上一篇】javascript – 删除上一个标记并在更新的lat lng中添加标记【下一篇】javascript 怎么调用php方法

更多 ►

【javascript – 包含复选框和文本的Listview在滚动时重置】教程文章相关的互联网学习教程文章

JavaScript addEventListener()事件监听方法【代码】

文章链接：https://www.cnblogs.com/jc2182/p/11307165.htmladdEventListener()方法将事件处理程序附加到指定的元素。addEventListener()方法将事件处理程序附加到元素，而不覆盖现有的事件处理程序。您可以向一个元素添加许多事件处理程序。您可以向一个元素添加许多相同类型的事件处理程序，即两个“单击”事件。您可以将事件侦听器添加到任何DOM对象，而不仅仅是HTML元素。即window对象。addEventListener()方法可以更容易地控制...

[LeetCode][JavaScript]Copy List with Random Pointer【代码】

Copy List with Random PointerA linked list is given such that each node contains an additional random pointer which could point to any node in the list or null.Return a deep copy of the list.https://leetcode.com/problems/copy-list-with-random-pointer/ 第一把直接暴力两轮遍历。第一轮遍历copy链表，用hash表记录下各个节点，第二乱遍历去赋值链表里的random对象。然后稍稍改进了一下，一次遍历里把能的找到...

javaScript之NodeList【代码】

NodeList对象是DOM操作取出的集合（实际上是基于DOM结构动态查询的结果），用来保存一组有序的节点，可以通过位置来访问这些节点，它并不是array的实例。Nodelist最大的特点就是它的时效性，DOM结构的变化能自动反映在Node List对象中。也就是说当DOM结构发生变化时，NodeList立刻会发生变化。NodeList对象转为数组方法： Array.prototype.slice.call(someNode.childNodes, 0) 或 [].slice(someNode.childNodes, 0)由于IE8及更早...

[Javascript] Broadcaster, operator, listener pattern: Write a debounce broadcaster -- 1【代码】

[Javascript] Broadcaster + Operator + Listener pattern -- 11. Customize the done logic【代码】

Buffers give you chance to gather values together until your ready to work with them. This pattern can be used for calculations, string manipulations, and many other scenarios.Consider a solution where splitter argument is a function instead of a value. How could you capture the condition in that function rather than the way it was implemented in this lesson Sometime if "createOpertor"‘s done log...

简单 vue todo list 封装JavaScript 的storage 在localStorage【代码】

在rsc文件夹下新建model文件夹，再新建storage.jsstorage.js代码： 1var storage={2 set(key,value){3 localStorage.setItem(key,JSON.stringify(value));4 5 },6 get(key){7return JSON.parse(localStorage.getItem(key)); 8 9 }, 10 remove(key){ 11 localStorage.removeItem(key); 12 } 13} 14 export default storage;下面是app.vue 1 <template>2 <div id="app">3 4 <input type=‘...

CheckBoxList用JS实现单元

JS实现单选 <script type="text/javascript">　　function CheckSelect() {　//得到CheckBoxList 的ID　　　　var tb = document.getElementById("<%=cblHandleContent.ClientID%>");//循环得到CheckBoxList 的子集，并控制它的选中状态　　　　for (var i = 0; i < tb.cells.length; i++) {　　　　　　var chk = tb.cells[i].firstChild;　　　　　　if (chk != event.srcElement) {　　　　　　　　chk.c...

JavaScript进阶系列05,事件的执行时机, 使用addEventListener为元素同时注册多个事件,事件参数【代码】【图】

本篇体验JavaScript事件的基本面，包括： ■ 事件必须在页面元素加载之后起效■ 点击事件的一个简单例子■ 为元素注册多个点击事件■ 获取事件参数□ 事件必须在页面元素加载之后起效有这样一段简单的代码：<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><style>#box {background: blue;height: 100px;width: 100px;left: 50px;top: 50px;}</style> </head> <body><div id="box"><...

javascript – 如何找到jQuery DropDownCheckList所选项 – jQuery语法问题【代码】

我正在使用ASP.Net网页,该网页将使用jQuery下拉列表(http://code.google.com/p/dropdown-check-list/).我对JavaScript很缺乏经验,对jQuery来说还是全新的. 我想要做的是每次选中/取消选中复选框时收集所选项目的值. 这是我到目前为止所拥有的：var values = ""; $("#s1").change(function () {$("#s1").dropdownchecklist(function(selector) {for (i = 0; i < selector.options.length; i++) {if (selector.options[i].selected &...

JqueryMobile动态生成listView并实现刷新的两种方法

JqueryMobile动态生成listView并实现刷新的两种方法代码如下:function queryEntfernungen(tx, results) alert("This Hello works"); var len = results.rows.length; // This For works fine for (var i = 0; i < len; i++) { $("div[data-role=content] ul").append(<li><a href="+results.rows.item(i).name+">+results.rows.item(i).name+</a></li>); } $("div[data-role=content] ul").listview(refre...

addEventListener()第三个参数useCapture(Boolean)详细解析_基础知识

举例如果在 d3 上点击鼠标，事件流是这样的：捕获阶段在 div1 处检测是否有 useCapture 为 true 的事件处理程序，若有，则执行该程序，然后再同样地处理 div2。目标阶段在 div3 处，发现 div3 就是鼠标点击的节点，所以这里为目标阶段，若有事件处理程序，则执行该程序，这里不论 useCapture 为 true 还是 false。冒泡阶段在 div2 处检测是否有 useCapture 为 false 的事件处理程序，若有，则执行该程序，然后再同样地处理 d...

vue2.0computed计算list循环后累加值的实例

下面我就为大家分享一篇vue2.0 computed 计算list循环后累加值的实例，具有很好的参考价值，希望对大家有所帮助。实例如下所示：<template><p class="hello"><h1>{{ msg }}</h1><h2>Foo</h2><p v-for ="(item, index) in list"><h1 v-show="false">{{a[index] = item.bb}}</h1></p><h2>a:{{a}}</h2><h2>{{cc}}</h2></p> </te...

如何通过react+redux升级版来实现todoList【图】

本篇文章主要介绍了react+redux的升级版todoList的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧又是很久不写博客了，最近在用蚂蚁金服的ant-design-pro写毕设，写着写着写不下去了，很多东西都不理解，不得不说大神写出来的东西都是需要花学习成本的，或者底子好，对于React新手来说就有点难了。所以就老老实实的认真看了下Redux到底如何使用，在这里推荐一下自己最近在看的书，写的算是比较...

javascript – reactjs checkboxlist组件 – 更新父级中的状态更改【代码】

我有一堆复选框列表要求.我会详细解释.我有一堆语言说：var languages = ["English", "German", "French", "Spanish", "Mandarin", "Tamil"]我有一个父组件,其中有一个表单,我有四个部分,说：class Page extends React.Component {render() {return (<form><h1>CanSpeak</h1> <chkboxlist someProp="speak" /><h1>CanSpeak</h1> <chkboxlist someProp="read" /><h1>CanSpeak</h1> <chkboxlist someProp="write" /><h1>CanSpeak</h1...

详解Vue的computed(计算属性)使用实例之TodoList【图】

最近倒腾了一会vue，有点迷惑其中methods与computed这两个属性的区别,所以试着写了TodoList这个demo，(好土掩面逃~）;1. methodsmethods类似react中组件的方法，不同的是vue采用的与html绑定事件。给个例子/*html*/<input type="button" value="点击" v-on:click=handlClick id="app">/*js*/var app = new Vue({el:#app,methods:{handlClick:function(){alert(succeed!);},}}) 通过在input标签中的vue命令 v-on命令绑定handlClick事...

首页 / JAVASCRIPT / javascript – 包含复选框和文本的Listview在滚动时重置

javascript – 包含复选框和文本的Listview在滚动时重置

内容导读

内容图文

内容总结

内容备注

内容手机端

【javascript – 包含复选框和文本的Listview在滚动时重置】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

LISTVIEW - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程