Android之 日历单选多选控件

这篇具有很好参考价值的文章主要介绍了Android之 日历单选多选控件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一,效果图

1.1 单选

Android之 日历单选多选控件

 2.2 多选

Android之 日历单选多选控件

二 实现思路

2.1 数据来源,利用原生日历Calendar,获取从本月开始的往后一年的日期,遍历月数添加全部天数据

private void initCalendarData() {
        Calendar calendar = Calendar.getInstance();
        year = calendar.get(Calendar.YEAR);
        month = calendar.get(Calendar.MONTH);
        day = calendar.get(Calendar.DAY_OF_MONTH);
        nowDay = day;
        calendar.set(year, month, 1);

        for (int i = 0; i < 12; i++) {
            List<DateEntity> deList = new ArrayList<>();
            MonthEntity monthEntity = new MonthEntity();
            int maxDayOfMonth = calendar.getActualMaximum(Calendar.DAY_OF_MONTH);
            int empty = calendar.get(Calendar.DAY_OF_WEEK);
            empty = empty == 1 ? 6 : empty - 2;
            for (int j = 0; j < empty; j++) {
                DateEntity de = new DateEntity();
                de.setType(1);
                deList.add(de);
            }
            for (int j = 1; j <= maxDayOfMonth; j++) {
                DateEntity de = new DateEntity();
                if (i == 0) {
                    de.setType(j < nowDay ? 4 : 0);
                } else {
                    de.setType(0);
                }

                de.setDate(j);
                if (i == 0 && nowDay == j) {
                    de.setToday(true);
                } else {
                    de.setToday(false);
                }
                de.setParentPos(i);
                String[] result=DatePickerUtils.getLunarDate(year, month + 1, j);
                de.setDesType(result[0]);
                de.setDesc(result[1]);
                deList.add(de);
            }

            year = calendar.get(Calendar.YEAR);
            month = calendar.get(Calendar.MONTH) + 1;
            monthEntity.setTitle(year + "年" + month + "月");
            monthEntity.setYear(year);
            monthEntity.setMonth(month);
            monthEntity.setList(deList);
            monthList.add(monthEntity);

            calendar.add(Calendar.MONTH, 1);
        }
    }

2.2 添加公立,农历,节气数据。下面只是节假日的判断。

 private static String getChinaCalendarMsg(int year, int month, int day) {
        String message = "";
        if (((month) == 1) && day == 1) {
            message = "春节";
        } else if (((month) == 1) && day == 15) {
            message = "元宵";
        } else if (((month) == 5) && day == 5) {
            message = "端午";
        } else if ((month == 7) && day == 7) {
            message = "七夕";
        } else if (((month) == 8) && day == 15) {
            message = "中秋";
        } else if ((month == 9) && day == 9) {
            message = "重阳";
        } else if ((month == 12) && day == 8) {
            message = "腊八";
        } else {
            if (month == 12) {
                if ((((monthDays(year, month) == 29) && day == 29))
                        || ((((monthDays(year, month) == 30) && day == 30)))) {
                    message = "除夕";
                }
            }
        }
        return message;
    }

2.3 控件,可以用两层Recycleview,但最好不要这样做,嵌套体验是非常差的,明显的卡顿。所以尽量用一个Recycleview,利用getItemViewType来避免嵌套。

@Override
    public int getItemViewType(int position) {
        if (isEmptyPosition(position)) {
            // 空布局
            return TYPE_EMPTY;
        }
        mTempPosition = position;
        int groupPosition = getGroupPositionForPosition(position);
        int type = judgeType(position);
        if (type == TYPE_HEADER) {
            return getHeaderViewType(groupPosition);
        } else if (type == TYPE_FOOTER) {
            return getFooterViewType(groupPosition);
        } else if (type == TYPE_CHILD) {
            int childPosition = getChildPositionForPosition(groupPosition, position);
            return getChildViewType(groupPosition, childPosition);
        }
        return super.getItemViewType(position);
    }

三, 核心源码

3.1 项目结构

Android之 日历单选多选控件

3.2 CalendarSelectDialog.java

public class CalendarSelectDialog extends Dialog {
    private ImageView icClose;
    private RecyclerView rvCalendar;
    private TextView tvSure;


    private Activity context;

    private CalendarGroupedListAdapter groupedListAdapter;
    private List<MonthEntity> monthList = new ArrayList<>();

    private int year, month, day;
    private int nowDay;
    private int lastDateSelect = -1, lastMonthSelect = -1;

    public interface OnViewClickLiatener {
        void sureClick(String selectTime);

        void cancelClick();
    }

    public OnViewClickLiatener onViewClickLiatener;

    public void setOnViewClickLiatener(OnViewClickLiatener onViewClickLiatener) {
        this.onViewClickLiatener = onViewClickLiatener;
    }


    public CalendarSelectDialog(Activity context) {
        super(context, R.style.custom_dialog2);
        this.context = context;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.dialog_caledar_select);
        setCanceledOnTouchOutside(true);
        WindowManager.LayoutParams params = getWindow().getAttributes();
        params.width = ScreenUtils.getScreenWidth(context);
        params.height = (int) (ScreenUtils.getTotalScreenHeight(context)*0.85f);
        getWindow().setGravity(Gravity.BOTTOM);
        getWindow().setAttributes(params);
        getWindow().setBackgroundDrawableResource(R.color.transparent);
        getWindow().setWindowAnimations(R.style.pop_animation_bottom);
        initView();
        setData();

    }

    public void initView() {
        icClose = (ImageView) findViewById(R.id.ic_close);
        rvCalendar = (RecyclerView) findViewById(R.id.rv_calendar);
        tvSure = (TextView) findViewById(R.id.tv_sure);

    }

    public void setData() {
        icClose.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                dismiss();
                if (onViewClickLiatener != null) {
                    onViewClickLiatener.cancelClick();
                }
            }
        });
        tvSure.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if(lastMonthSelect<0){
                    ToastHelp.showToast("请选择日期");
                    return;
                }
                dismiss();
                MonthEntity monthEntity=monthList.get(lastMonthSelect);
                DateEntity dateEntity=monthEntity.getList().get(lastDateSelect);
                int year=monthEntity.getYear();
                int month=monthEntity.getMonth();
                int date=dateEntity.getDate();

                String monthString;
                if(month<10){
                    monthString="0"+month;
                }else {
                    monthString=String.valueOf(month);
                }

                String dataString;
                if(date<10){
                    dataString="0"+date;
                }else {
                    dataString=String.valueOf(date);
                }

                String selectTime=year+"-"+monthString+"-"+dataString;
                if (onViewClickLiatener != null) {
                    onViewClickLiatener.sureClick(selectTime);
                }
            }
        });
        CalendarUtils.init(context);
        initCalendarData();
        initCalendarRv();
    }



    @Override
    public void dismiss() {
        if (context == null || ((Activity) context).isDestroyed() || ((Activity) context).isFinishing()) {
            return;
        }
        super.dismiss();
    }

    @Override
    public void show() {
        if (context == null || ((Activity) context).isDestroyed() || ((Activity) context).isFinishing()) {
            return;
        }
        super.show();
    }


    private void initCalendarData() {
        Calendar calendar = Calendar.getInstance();
        year = calendar.get(Calendar.YEAR);
        month = calendar.get(Calendar.MONTH);
        day = calendar.get(Calendar.DAY_OF_MONTH);
        nowDay = day;
        calendar.set(year, month, 1);

        for (int i = 0; i < 12; i++) {
            List<DateEntity> deList = new ArrayList<>();
            MonthEntity monthEntity = new MonthEntity();
            int maxDayOfMonth = calendar.getActualMaximum(Calendar.DAY_OF_MONTH);
            int empty = calendar.get(Calendar.DAY_OF_WEEK);
            empty = empty == 1 ? 6 : empty - 2;
            for (int j = 0; j < empty; j++) {
                DateEntity de = new DateEntity();
                de.setType(1);
                deList.add(de);
            }
            for (int j = 1; j <= maxDayOfMonth; j++) {
                DateEntity de = new DateEntity();
                if (i == 0) {
                    de.setType(j < nowDay ? 4 : 0);
                } else {
                    de.setType(0);
                }

                de.setDate(j);
                if (i == 0 && nowDay == j) {
                    de.setToday(true);
                } else {
                    de.setToday(false);
                }
                de.setParentPos(i);
                String[] result=DatePickerUtils.getLunarDate(year, month + 1, j);
                de.setDesType(result[0]);
                de.setDesc(result[1]);
                deList.add(de);
            }

            year = calendar.get(Calendar.YEAR);
            month = calendar.get(Calendar.MONTH) + 1;
            monthEntity.setTitle(year + "年" + month + "月");
            monthEntity.setYear(year);
            monthEntity.setMonth(month);
            monthEntity.setList(deList);
            monthList.add(monthEntity);

            calendar.add(Calendar.MONTH, 1);
        }

    }

    private void initCalendarRv() {
        groupedListAdapter =new CalendarGroupedListAdapter(context,monthList);
        GroupedGridLayoutManager gridLayoutManager = new GroupedGridLayoutManager(context, 7, groupedListAdapter);
        rvCalendar.setLayoutManager(gridLayoutManager);
        rvCalendar.getItemAnimator().setChangeDuration(0);
        rvCalendar.setAdapter(groupedListAdapter);
        groupedListAdapter.setOnItemClickListener(new CalendarGroupedListAdapter.OnItemClickListener() {
            @Override
            public void itemClick(int groupPosition, int childPosition) {
                //setRangeClick(groupPosition,childPosition);
                setSingleClick(groupPosition,childPosition);
            }
        });
    }

    private void getViews() {
        rvCalendar = (RecyclerView) findViewById(R.id.rv_calendar);
    }

    /**
     *
     * @param groupPosition
     * @param childPosition
     */
    private void setSingleClick(int groupPosition, int childPosition){
        if (groupPosition == lastMonthSelect && childPosition == lastDateSelect) {
            return;
        }

        monthList.get(groupPosition).getList().get(childPosition).setType(8);

        groupedListAdapter.notifyChildChanged(groupPosition, childPosition);
        if (lastDateSelect != -1) {
            monthList.get(lastMonthSelect).getList().get(lastDateSelect).setType(0);
            groupedListAdapter.notifyChildChanged(lastMonthSelect, lastDateSelect);
        }
        lastMonthSelect = groupPosition;
        lastDateSelect = childPosition;
    }

    /**
     * 范围选择
     */
    private boolean selectComplete;
    private List<Integer> selectMonth = new ArrayList<>();
    private List<Integer> selectDate = new ArrayList<>();
    private void setRangeClick(int parentPos, int pos){
        if (parentPos != lastMonthSelect || pos != lastDateSelect) {

            //1、第二次选择;2、选择的月份相等日期比之前选择的大或者选择的月份比之前的大;3、选择未完成
            boolean haveMiddle = lastMonthSelect != -1 && ((lastMonthSelect == parentPos && pos > lastDateSelect) || (parentPos > lastMonthSelect))
                    && !selectComplete;
            if (haveMiddle) {
                monthList.get(parentPos).getList().get(pos).setType(6);
                selectDate.add(1);
                monthList.get(lastMonthSelect).getList().get(lastDateSelect).setType(7);
                selectDate.add(1);

                int monthLen = parentPos - lastMonthSelect;
                List<DateEntity> list;
                int dateLen;
                if (monthLen == 0) {
                    dateLen = pos - lastDateSelect;
                    for (int i = 1; i < dateLen; i++) {
                        monthList.get(parentPos).getList().get(i + lastDateSelect).setType(5);
                        selectDate.add(1);
                    }
                    groupedListAdapter.notifyGroupChanged(lastMonthSelect);
                    //选择了这个月
                    selectMonth.add(parentPos);
                } else {
                    //第一个月
                    int lastMonthSize = monthList.get(lastMonthSelect).getList().size();
                    dateLen = lastMonthSize - lastDateSelect;
                    for (int i = 1; i < dateLen; i++) {
                        monthList.get(lastMonthSelect).getList().get(i + lastDateSelect).setType(5);
                        selectDate.add(1);
                    }
                    groupedListAdapter.notifyGroupChanged(lastMonthSelect);
                    //选择了这个月
                    selectMonth.add(lastMonthSelect);

                    //中间月份
                    int month;
                    int middleMonthLen = parentPos - lastMonthSelect;
                    for (int i = 1; i < middleMonthLen; i++) {
                        month = lastMonthSelect + i;
                        list = monthList.get(month).getList();
                        dateLen = list.size();
                        for (int j = 0; j < dateLen; j++) {
                            if (list.get(j).getType() != 1) {
                                list.get(j).setType(5);
                                selectDate.add(1);
                            }
                        }
                        groupedListAdapter.notifyGroupChanged(month);
                        //选择了这个月
                        selectMonth.add(month);
                    }

                    //最后那个月
                    dateLen = pos;
                    for (int i = 0; i < dateLen; i++) {
                        DateEntity de = monthList.get(parentPos).getList().get(i);
                        if (de.getType() != 1) {
                            de.setType(5);
                            selectDate.add(1);
                        }
                    }
                    groupedListAdapter.notifyGroupChanged(parentPos);
                    //选择了这个月
                    selectMonth.add(parentPos);
                }
                Log.d("mita", "选择的天数:" + selectDate.size());
                selectComplete = true;
                lastMonthSelect = -1;
                lastDateSelect = -1;
            } else {
                selectDate.clear();

                //清除已选
                if (selectComplete) {
                    List<DateEntity> list;
                    DateEntity de;
                    int len = selectMonth.size();
                    for (int i = 0; i < len; i++) {
                        list = monthList.get(selectMonth.get(i)).getList();
                        int size = list.size();
                        for (int j = 0; j < size; j++) {
                            de = list.get(j);
                            if (de.getType() == 5 || de.getType() == 6 || de.getType() == 7) {
                                de.setType(0);
                            }
                        }
                        groupedListAdapter.notifyGroupChanged(selectMonth.get(i));
                    }
                    selectMonth.clear();
                }

                monthList.get(parentPos).getList().get(pos).setType(3);
                groupedListAdapter.notifyGroupChanged(parentPos);
                if (lastDateSelect != -1) {
                    monthList.get(lastMonthSelect).getList().get(lastDateSelect).setType(0);
                    groupedListAdapter.notifyGroupChanged(lastMonthSelect);
                }
                lastMonthSelect = parentPos;
                lastDateSelect = pos;
                selectComplete = false;
            }
        }
    }
}

3.2 CalendarGroupedListAdapter.java

public class CalendarGroupedListAdapter extends GroupedRecyclerViewAdapter {


    private List<MonthEntity> groupList;
    private Context context;

    public CalendarGroupedListAdapter(Context context, List<MonthEntity> groupList) {
        super(context);
        this.context = context;
        this.groupList = groupList;
    }

    @Override
    public int getGroupCount() {
        return groupList.size();
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        return groupList.get(groupPosition).getList().size();
    }

    @Override
    public boolean hasHeader(int groupPosition) {
        return true;
    }

    @Override
    public boolean hasFooter(int groupPosition) {
        return false;
    }

    @Override
    public int getHeaderLayout(int viewType) {
        return R.layout.item_calendar;
    }

    @Override
    public int getFooterLayout(int viewType) {
        return 0;
    }

    @Override
    public int getChildLayout(int viewType) {
        return R.layout.item_date;
    }

    @Override
    public void onBindHeaderViewHolder(BaseViewHolder holder, int groupPosition) {
        MonthEntity monthEntity = groupList.get(groupPosition);
        holder.setText(R.id.tv_cal_title, monthEntity.getTitle());

    }

    @Override
    public void onBindFooterViewHolder(BaseViewHolder holder, int groupPosition) {

    }

    @Override
    public void onBindChildViewHolder(BaseViewHolder holder, final int groupPosition, final int childPosition) {
        DateEntity dateEntity = groupList.get(groupPosition).getList().get(childPosition);


        LinearLayout llDate = holder.get(R.id.ll_date);
        TextView mTvDate = holder.get(R.id.tv_date);
        TextView mTvDesc = holder.get(R.id.tv_desc);
        TextView mTvToday = holder.get(R.id.tv_today);
        mTvToday.setText("今日");

        int date = dateEntity.getDate();
        int type = dateEntity.getType();
        boolean isToday = dateEntity.isToday();
        if (type == 1) {//留白
            mTvToday.setVisibility(isToday ? View.VISIBLE : View.INVISIBLE);
            mTvToday.setTextColor(Color.TRANSPARENT);
            mTvDate.setText("");
            mTvDesc.setText("");
            mTvDate.setTextColor(Color.TRANSPARENT);
            mTvDesc.setTextColor(Color.TRANSPARENT);
            llDate.setBackgroundColor(Color.TRANSPARENT);
            llDate.setEnabled(false);
        } else if (type == 0) {//日常
            mTvToday.setVisibility(isToday ? View.VISIBLE : View.INVISIBLE);
            mTvDate.setText(String.valueOf(dateEntity.getDate()));
            mTvDesc.setText(dateEntity.getDesc());
            mTvToday.setTextColor(ContextCompat.getColor(context, R.color.color_red));
            mTvDate.setTextColor(ContextCompat.getColor(context, R.color.color_333333));
            mTvDesc.setTextColor(TextUtils.isEmpty(dateEntity.getDesType()) ? ContextCompat.getColor(context, R.color.color_333333) : ContextCompat.getColor(context, R.color.color_red));
            llDate.setBackgroundColor(Color.TRANSPARENT);
            llDate.setEnabled(true);
        } else if (type == 3) {//日常选中
            mTvToday.setVisibility(isToday ? View.VISIBLE : View.INVISIBLE);
            mTvDate.setText(String.valueOf(dateEntity.getDate()));
            mTvDesc.setText(dateEntity.getDesc());
            mTvToday.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDate.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDesc.setTextColor(ContextCompat.getColor(context, R.color.white));
            llDate.setBackgroundResource(R.drawable.state_selected);
            llDate.setClickable(true);
        } else if (type == 4) {//今天之前的日期
            mTvToday.setVisibility(isToday ? View.VISIBLE : View.INVISIBLE);
            mTvDate.setText(String.valueOf(dateEntity.getDate()));
            mTvDesc.setText(dateEntity.getDesc());
            mTvToday.setTextColor(ContextCompat.getColor(context, R.color.color_cccccc));
            mTvDate.setTextColor(ContextCompat.getColor(context, R.color.color_cccccc));
            mTvDesc.setTextColor(ContextCompat.getColor(context, R.color.color_cccccc));
            llDate.setBackgroundColor(Color.TRANSPARENT);
            llDate.setEnabled(false);
        } else if (type == 5) {//中间
            mTvToday.setVisibility(isToday ? View.VISIBLE : View.INVISIBLE);
            mTvDate.setText(String.valueOf(dateEntity.getDate()));
            mTvDesc.setText(dateEntity.getDesc());
            mTvToday.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDate.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDesc.setTextColor(ContextCompat.getColor(context, R.color.white));
            llDate.setBackgroundResource(R.drawable.state_middle_range);
            llDate.setEnabled(true);
        } else if (type == 6) {//终点
            mTvToday.setVisibility(isToday ? View.VISIBLE : View.INVISIBLE);
            mTvDate.setText(String.valueOf(dateEntity.getDate()));
            mTvDesc.setText("结束");
            mTvToday.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDate.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDesc.setTextColor(ContextCompat.getColor(context, R.color.white));
            llDate.setBackgroundResource(R.drawable.state_end_range);
            llDate.setEnabled(true);
        } else if (type == 7) {//起点
            mTvToday.setVisibility(isToday ? View.VISIBLE : View.INVISIBLE);
            mTvDate.setText(String.valueOf(dateEntity.getDate()));
            mTvDesc.setText("开始");
            mTvToday.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDate.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDesc.setTextColor(ContextCompat.getColor(context, R.color.white));
            llDate.setBackgroundResource(R.drawable.state_first_range);
            llDate.setEnabled(true);
        } else if (type == 8) {//单选
            mTvToday.setVisibility(isToday ? View.VISIBLE : View.INVISIBLE);
            mTvDate.setText(String.valueOf(dateEntity.getDate()));
            mTvDesc.setText(dateEntity.getDesc());
            mTvToday.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDate.setTextColor(ContextCompat.getColor(context, R.color.white));
            mTvDesc.setTextColor(ContextCompat.getColor(context, R.color.white));
            llDate.setBackgroundResource(R.drawable.state_selected);
            llDate.setEnabled(true);
        }

        llDate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (onItemClickListener != null) {
                    onItemClickListener.itemClick(groupPosition, childPosition);
                }
            }
        });
    }

    public interface OnItemClickListener {
        void itemClick(int groupPosition, int childPosition);
    }

    public OnItemClickListener onItemClickListener;

    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }
}

四,注意

4.1 由于左右留白,父控件Recycleview做了外边距margin,会导致子控件左右也有边距。但UI要求是无边距的,这个时候就需要特殊处理控件。

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/rv_calendar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="12dp"
    android:layout_marginRight="12dp"
    android:overScrollMode="never"/>

Android之 日历单选多选控件 

4.2 方法,可以用裁剪属性clipChildren,来控制他的子控件是否要在他应有的边界内进行绘制

android:clipChildren=“false” 就是不限制他子控件在其边界内进行绘制
android:clipChildren=“true” 限制他子控件在其边界内进行绘制

 4.3 clipChildren需要特别注意,加在RecyclerView父控件是没用的,只能加载RecyclerView的父控件,即需要需要裁剪的view的爷辈控件。如下:添加属性android:clipChildren="false"文章来源地址https://www.toymoban.com/news/detail-495229.html

  <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:clipChildren="false">

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_calendar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginLeft="12dp"
            android:layout_marginRight="12dp"
            android:overScrollMode="never"/>

    </FrameLayout>

到了这里,关于Android之 日历单选多选控件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Android从零单排系列十一】《Android视图控件——日历、日期、时间选择控件》

    目录 一.日历、日期、时间组件基本介绍 二.几种常见的控件类型 1.CalendarView –日历控件 2. DatePicker –日期选择控件 3.TimePicker –时间选择控件 4.Chronometer—计时器控件 三.DEMO 小伙伴们,在上文中我们介绍了Android视图控件ImageView控件,本文我们继续盘点,介绍一下视图控件的

    2023年04月09日
    浏览(38)
  • 微信小程序——实现单选、多选

    单选使用radio-group标签包裹radio标签 多选使用checkbox-group 标签包裹checkbox标签  单选和多选的wxml代码 以下是wxss代码

    2024年02月06日
    浏览(49)
  • 【网络安全】单选/多选/判断/填空题

    一、选择题(每小题 2分,共30分) 1.计算机网络的安全是指( C ) A.网络中设备设置环境的安全 B.网络使用者的安全 C.网络中信息的安全 D.网络的财产安全 2.信息风险主要是指( D ) A.信息存储安全 B.信息传输安全 C.信息访问安全 D.以上都正确 3.以下( D )

    2023年04月20日
    浏览(38)
  • Element UI 表格单选、多选情景

    最近在使用Element UI编写简单前端页面时会遇到需要对表格进行选择操作的场景。在网络上面查询资料时发现实现方式多的看花眼,索性自己总结一个。 话不多说,搬代码来看看~ 单选: 从单选这一块需求来看,至少满足下面两点才能算是完成: 全选框的点击只能取消其他

    2024年02月11日
    浏览(44)
  • vue tree禁用和多选变为单选

    禁用的话和后台协调一下,参数中多返回一个disabled 在tree结构中加入一个方法 方法 nodes.id要与tree中的node-key对应,且必须是唯一不能重复

    2024年02月12日
    浏览(37)
  • 微信小程序如何自定义单选和多选

    实现效果:点击显示单选状态,每次仅能点击一个元素。 实现方式: wxml:   item_list是单选的元素,class定义了选中和未选中的显示形式,changeColor更新点击元素。  .wxss  定义选中和未选中的显示样式。 .js 

    2024年01月25日
    浏览(45)
  • element ui 多选框内嵌套单选框

    多选框内嵌套单选框

    2024年02月10日
    浏览(40)
  • el-table 多选框改成单选框(el-table单选功能)

    今天,写项目时,有一个table作为筛选的载体,需要选中table里面的一条数据,我想了一下,用table里面的selection功能,实现单选功能。

    2024年02月16日
    浏览(43)
  • el-select控制单选还是多选

    2024年02月13日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包