Necesito un componente Jquery o Vue que regrese un json
Adjunto html
-Adjunto Html para que entiendan
MEGA
-Es una lista arrastrable que se puede arrastrar desde ::Li hacia otras listas o arriba y abajo
-Si se da click en Agregar Item-Menu se agrega otro similar abajo
-Si se da click en Agregar SubItem-Menu se agrega otro similar abajo pero con un ::Sub UL
-Se pueden meter un sub Ul dentro de otro
-Cada vez que se crea un elemento o se mueva se debe actualizar el json
-Enviar ejemplo y cotizacion
Un ejemplo parecido:
jQuery Sortable Plugin
Solo que no permite agregar campos diferentes
Adjunto html
-Adjunto Html para que entiendan
MEGA
-Es una lista arrastrable que se puede arrastrar desde ::Li hacia otras listas o arriba y abajo
-Si se da click en Agregar Item-Menu se agrega otro similar abajo
-Si se da click en Agregar SubItem-Menu se agrega otro similar abajo pero con un ::Sub UL
-Se pueden meter un sub Ul dentro de otro
-Cada vez que se crea un elemento o se mueva se debe actualizar el json
-Enviar ejemplo y cotizacion
Un ejemplo parecido:
jQuery Sortable Plugin
Solo que no permite agregar campos diferentes
HTML:
<!--Json similar a este-->
<script type="text/javascript">
myObj = {
"menu": {
"menu_name": "my_menu",
"menu_attributtes": "nav navbar-nav",
"menu_append": "",
"menu_prepend": "",
"menu_items": {
"ul": [
{
"attributes": "class=\"nav navbar-nav navbar-right\"",
"append": "",
"prepend": "",
"li": [
{
"attributes": "",
"append": "",
"prepend": "",
"a": {
"name": "Home",
"url": "/",
"attributes": "",
"prepend": "",
"append": ""
}
},
{
"attributes": "class=\"dropdown\"",
"append": "",
"prepend": "",
"a": {
"name": "More",
"url": "/",
"attributes": "class=\"dropdown-toggle\" data-toggle=\"dropdown\"",
"prepend": "",
"append": "<span class=\"caret\"></span>"
},
"submenu": {
"attributes": "class=\"dropdown-menu\" role=\"menu\"",
"append": "",
"prepend": "",
"li": [
{
"attributes": "",
"append": "",
"prepend": "",
"a": {
"name": "Home",
"url": "/",
"attributes": "",
"prepend": "",
"append": ""
}
},
{
"attributes": "",
"append": "",
"prepend": "",
"a": {
"name": "More",
"url": "/",
"attributes": "",
"prepend": "",
"append": ""
}
}
]
}
}
]
}
]
}
}
}
</script>