0

tengo una aplicacion web con mvc donde tengo un toggle button para cambiar el estado (activado/desactivado) pero no quiero recargar la pagina completa una vez se cambie el estado, tambien por alguna razon los datos que necesito de la vista para el controlador no pasan para poder actualizar el estado en la base de datos (activado/desactivado), ajax creo sea la respuesta pero estoy abierta a cualquier solucion. gracias

<a class="btn btn-outline-success float-right" href="@Url.Action("Create", 
"Season")">
<img src="~/icons/si-glyph-button-plus.svg" width="16" height="16" /> 
Agregar
</a>
<br />

<table class="table">
<tr>
    <th>
        @Html.DisplayNameFor(model => model.DateStart)
    </th>
    <th>
        @Html.DisplayNameFor(model => model.DateEnd)
    </th>
    <th>
        @Html.DisplayNameFor(model => model.State)
    </th>
    <th></th>
</tr>

@foreach (var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.DateStart)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.DateEnd)
        </td>
        <td>


            <!--nnnnnnn-->
            <label class="tgl">
                <input type="checkbox" checked />
                <span class="tgl_body">
                    <span class="tgl_switch"></span>
                    <span class="tgl_track">
                        <span class="tgl_bgd"></span>
                        <span class="tgl_bgd tgl_bgd-negative"></span>
                    </span>
                </span>
            </label>

        </td>
        <td>
            <div class="pull-right">
                <a class="btn btn-warning" href="@Url.Action("Edit","Season", new { id=item.Id})">
                    <img src="~/icons/si-glyph-edit.svg" width="16" height="16" /> Modificar
                </a>
                |
                <a class="btn btn-danger" href="@Url.Action("Delete","Season", new { id=item.Id})">
                    <img src="~/icons/si-glyph-button-remove.svg" width="16" height="16" /> Eliminar
                </a>
            </div>
        </td>
    </tr>
}

//aqui es donde habia estado probando hacerlo con jquery
<script>
$(document).ready(function () {
    $("button").click(function () {
        $("p").toggle();
    });
});
</script>

este es el UI que deseo lograr

10
  • No veo ningun button en tu codigo
    – alanfcm
    Commented el 19 jun. 2018 a las 15:38
  • es el checkbox que esta haciendo de toggle Commented el 19 jun. 2018 a las 15:41
  • Entonces deberias de darle una clase o id, porque un checkbox no es un button y ese selector no te va a funionar. Tampoco veo ningun p en tu codigo
    – alanfcm
    Commented el 19 jun. 2018 a las 15:43
  • el script es solo de prueba, lo inclui para si alguien me daba la idea de cambiar el checkbox por un button pues ya tenia el codigo, pero la idea del button no se acomoda al UI que tengo, por eso el checkbox toggle. Commented el 19 jun. 2018 a las 15:49
  • esta es el UI... Commented el 19 jun. 2018 a las 15:50

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.