todas - ¿Cómo crear atributos de datos HTML en Elm?

obtener data con javascript

Question

Necesito etiquetar mis elementos Elm.Http con atributos "data- *" personalizados, por ejemplo:

<tr data-row="1">...</tr>

He probado lo siguiente:

import Html exposing (..)
import Html.Attributes exposing (..)
import Json.Encode as JsEncode

view ... =
  tr [ property "data-row" (JsEncode.string (toString 1)) ]

Pero esto no hace nada. Alguien sabe una manera?

Creo que el problema es que Elm en realidad está configurando los atributos de DOM de JavaScript, así que realmente quiero llamar a element.dataset.row = "1" de alguna manera.

El fondo es que necesito exponer algunos datos a jQuery para mis manejadores de eventos, porque a la biblioteca de eventos Elm le faltan algunas de las funciones que necesito, como preventDefault condicional y serialización de formularios. Hay otras formas de suministrar datos a través del DOM, pero los atributos data- * son, con mucho, los más sencillos.

Answer 1

Puede utilizar la función de attribute lugar.

view ... =
    tr [ attribute "data-row" "1" ]