Select2 viene presentato come un'alternativa a jQuery per customizzare le select in HTML.

In effetti, se vediamo la documentazione, ci accorgiamo che possiamo fare molte cose con questa libreria.

Comunque è richiesto jQuery per funzionare.

La rimozione di HTML con jQuery è veramente una cosa semplice, in quanto ci basta usare il metodo remove indicando:

• l'id del componente
• la classe del componente
• un componente intero

Per usare nel miogliore dei modi TinyMCE con Vue.js, è meglio usare un plugin apposito: tinymce-vue!

Se non volete / potete usarlo con Node.js, dovrete prima installare il pacchetto e poi estrarre il Javascript; io ho fatto così, e poi ho disinstallato il pacchetto.

Per trovare il JS potete usare il cerca del vostro OS.

Oggi vediamo come validare un form in jQWidgets, partendo dal presupposto che useremo la sua llibreria apposita: jqxValidator!

Quindi, come prima cosa, dovete includere i componenti Javascript nella pagina; nel caso in esempio:

<script
    src="https://code.jquery.com/jquery-3.3.1.min.js"
    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxvalidator.js"></script>
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="jqwidgets/jqxinput.js"></script>
<script type="text/javascript" src="jqwidgets/jqxnumberinput.js"></script>
<script type="text/javascript" src="jqwidgets/jqxtextarea.js"></script>
<script type="text/javascript" src="jqwidgets/jqxform.js"></script>
<script type="text/javascript" src="my_script.js"></script>

In pratica, quello che voglio ottenere, è il binding dell'attributo id di un componente usando Vue.js.

Quindi, riempiamo una lista da sever remoto (usando il formato JSON).

Per ogni link della lista impostiamo l'id, che poi reperiamo nell'evento on-click.

Per fare tutto questo utiliziamo diverse cose di Vue.js:

• v-for per iterare sul JSON e riempire la lista
• v-on:click per intercettare il click sulla voce
• v-bind:id per impostare l'id