nativescript-checkbox icon indicating copy to clipboard operation
nativescript-checkbox copied to clipboard

More examples for vue

Open SlavMAK opened this issue 3 years ago • 0 comments

Hello. It works a little unusual (relative to the standard vue logic).

I implemented the radio buttons as follows. Please leave it here or take it out in the readme.

in template:

<check-box 
                        :ref="`checbox_${item.ID}`" 
                        :checked="localValue[itemIdx].checked" 
                        :text='item.VALUE' 
                        @checkedChange='localValue[itemIdx].checked = $event.value; onItemTap(item, itemIdx);'
                        :boxType="multiple?'square':'circle'"
                    />

event handler onItemTap:

onItemTap(item, itemIdx){
            if (this.stopEvents) return;
            this.stopEvents=true;
            if (!this.multiple){
                for(const idx in this.localValue){
                    if(this.localValue[idx].checked&&idx!=itemIdx){
                        this.$set(this.localValue[idx], 'checked', false);
                        this.$refs[`checbox_${this.localValue[idx].ID}`].nativeView.checked=false
                    }
                }
            }
            this.stopEvents=false;
        }

I use stopEvents so that removing unnecessary elements does not trigger the checkedChange event.

If there is a more concise solution, I will be glad to help.

SlavMAK avatar Jun 26 '22 19:06 SlavMAK