Forma iview haga clic en Cambiar viable línea entera o el botón de radio en frente de un estado casillas de verificación

Radio tablas evento botones y casillas de verificación de gatillo iView se proporcionan clic en un botón de activación, haga clic homólogos en otros lugares no se disparará, se puede lograr por @ en fila-clic:

 

< Plantilla > 
    < div > 
         < Tabla de banda: Columnas = "columnas" : datos = "datas" @ en fila clic = "clickRow" ref "tabla" = @ en la selección de cambio = "SelectionChange" > </ Mesa > 
    </ div > 
</ plantilla > 

< secuencia de comandos > 
    exportación por defecto { 
        datos () { 
            retorno { 
                datas más: [], 
                columnas: [], 
                codificar:"" ,
                taskSelectList: [] 
            } 
        }, 
        Montado () { 

        }, 
        Métodos: { 
             / * * 
             * FORMA DE gatillo línea de selección 
             * / 
            clickRow (fila, índice) { 
                el este .enCode = row.id;    // gatillo de radio 
                del este $. refs.table.toggleSelect (índice);   // opción múltiple gatillo 
            },
             / * * 
             * evento de selección casilla 
             * / 
            el SelectionChange (Val) { 
                el console.log (Val); 
                el este .taskSelectList = Val; 
            },
            / * * 
             * Conjunto de la cabecera 
             * / 
            setColumns () { 
                los esta .Columns = [
                     // casilla 
                    { 
                        tipo: ' Selección ' , 
                        anchura: 100 , 
                        = Alinear a la izquierda: ' Centro ' 
                    ,} 
                    // botón de opción 
                    { 
                        título: ' seleccione ' 
                        clave: ' eligió ' ,
                        anchura: 100 , 
                        align: ' centro ' , 
                        render: (h, params) => { 
                            dejar de id = params.row.id; 
                            dejó bandera =  false ;
                            si ( este .enCode === id) { 
                                bandera =  verdadera 
                            } demás { 
                                bandera =  falsa
                            } 
                            Retorno h ( ' div ' , [ 
                                h ( ' Radio ' , { 
                                    puntales: { 
                                        valor: bandera 
                                    }, 
                                    en: { 
                                        ' en cambio ' : () => {
                                             este .enCode = params.row.id; 
                                        } 
                                    }  
                                })
                            ])
                        } 
                    }, 
                    { 
                        Título: ' Número ' , 
                        tipo: ' índice ' , 
                        = Alinear a la izquierda: " Centro " , 
                        minWidth: 80 , 
                        anchoMax: 140 
                    }, 
                    { 
                        título: ' nombre de la tarea ' , 
                        Clave: ' taskName ' ,
                        escribir: " TEXT " , 
                        align: " centro " , 
                        minWidth: 200 , 
                        anchoMax: 360 
                    } 
                ] 
            } 
        } 
    } 
</ escritura > 

< estilo lang = "stylus" restringidos > 

</ estilo >