Cómo actualizar el valor del modelo y volver a cargar un div en la vista Razor en MVC

Arjun KP

Este es mi código en la vista Razor que básicamente muestra la tabla extrayendo información de la base de datos -

@model List<EmpoyeeInfo.Models.FFX_HR_Employees>
@using System.Reflection;

@{
    ViewBag.Title = "Employee Information";
    var Properties = Model[0].GetType().GetProperties(BindingFlags.Public | BindingFlags.Instance).ToList();
    string[] head = new string[Properties.Count()];
}

<div id="web-top">

    <div id="horizontal-line"></div>
    <input class="search-box-text" type="text" spellcheck="false" placeholder="Search Individual Record..." title="Search Individual Record" id="searchbox" name="searchbox" />

</div>

<div id="web-main">
    <table class="employee-info">
        <tr>
            @foreach (var Property in Properties)
            {
                if (Property.Name.Equals("AnnualHolidayEntitlement"))
                {
                    <th colspan="2">@Property.Name</th>
                }
                else
                {
                    <th>@Property.Name</th>
                }
            }
        </tr>

        @foreach(var Row in Model)
        {
            <tr>
                @{
                    Type type = Row.GetType();
                    IList<PropertyInfo> props = new List<PropertyInfo>(type.GetProperties());
                }
                @foreach (PropertyInfo prop in props)
                {
                    if (prop.Name.Equals("AnnualHolidayEntitlement"))
                    {
                        <td contenteditable="true">@prop.GetValue(Row, null)</td>
                    }
                    else
                    {
                        <td>@prop.GetValue(Row, null)</td>
                    }
                }
                <td class="saveToDB">SAVE</td>
            </tr>
        }
    </table>
</div>

pero a medida que escribo en el texto del cuadro de búsqueda, se realizan llamadas ajax -

$(document).ready(function () {
    $('.search-box-text').keypress(function () {
        getReport($(this).html());
    });
})

function getReport(Name) {
    $.ajax({
        url: '@Url.Action("Index", "Home")',
        type: 'POST',
        data: { Name: Name },
        dataType: "json",
        cache: false,
        success: function (result) {
            //do stuff;
        },
        error: function () {
            console.log("no display");
        }
    });
}

Ahora, ¿cómo recargo el div - "web-main" y actualizo el valor del Modelo de manera que cuando el usuario busca un nombre, la tabla también necesita ser actualizada?

Yasirmx

El código siguiente agregará los resultados al div 'web-main'. Necesita manipular la parte exitosa de jQuery en su código

$(document).ready(function () {
          $('.search-box-text').keypress(function () {
              getReport($(this).html());
          });
      })

      function getReport(Name) {
          $.ajax({
              url: '@Url.Action("Index", "Home")',
              type: 'POST',
              data: { Name: Name },
              dataType: "json",
              cache: false,
              success: function (data) {
                  //do stuff;
      console.log(data);
                $("web-main").append(JSON.stringify(data));
              },
              error: function () {
                console.log("no display");
              }  
          });
      }

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

Cómo actualizar el valor del atributo de un modelo en un bucle for

Cómo usar JS para identificar el valor actual en <select> luego busque un Json para esa clave y devuelva un valor asociado para esa clave en <div> en la vista Razor

¿Cómo cargar el segundo parcial basado en el valor "Nombre" del primer parcial en la vista principal?

¿Cómo cargar el segundo parcial basado en el valor "Nombre" del primer parcial en la vista principal?

Razor, no MVC: cómo llamar al método del modelo de página para actualizar la base de datos al hacer clic en el botón

Cómo recorrer un mapa y actualizar la propiedad en el modelo existente en Flutter

¿Cómo pasar un valor del modelo a la vista en django?

mvc ajax devuelve la vista parcial con el modelo obtiene el valor del modelo en el éxito

Cómo volver a cargar la página con un formulario no válido en el error de entrada del usuario

Cómo cambiar el valor de la vista previa en la entrada del formulario sin actualizar la página

En Django, cómo hacer clic en el botón para llamar a una vista y luego volver a cargar la página

Actualizar el DOM vs volver a renderizar la vista en angular

Cómo convertir el modelo de resultado del objeto a un modelo de vista personalizado en asp .net MVC 5

¿Cómo actualizo un valor de modelo en JavaScript en una vista Razor?

¿Cómo integrar un formulario HTML en la vista y el modelo de django?

Obtenga el valor del tipo de entrada de fecha html y un valor del menú desplegable para mostrar en otro div sin cargar la página usando javascript

¿Cómo conservar todos los filtros en el formulario después de volver a cargar la vista en Laravel 5.4?

asignar el valor de la propiedad de la lista del modelo a la variable en la vista MVC

asignar el valor de la propiedad de la lista del modelo a la variable en la vista MVC

razor MVC EF cómo mostrar y ocultar un div según la condición del modelo

umbraco y c # Razor: cómo imprimir alternativas de vlaue pares e impares en vista parcial o vista en la página desde el modelo

¿Cómo establecer un coeficiente en un valor particular y retener el predictor en el resumen del modelo?

Bootstrap Modal en MVC 5 Razor: ¿Cómo actualizo el valor booleano del modelo a falso cuando el usuario hace clic en el botón Continuar en modal?

Cómo actualizar un valor en la destrucción y el bucle

¿Cómo cargar UITableView por primera vez y luego observar el nodo de Firebase en busca de cambios para actualizar la vista de tabla en Swift?

¿Cómo actualizar el valor secundario en firebase cuando la vista de elemento de la vista de reciclaje entra dentro del área de la pantalla?

Qt Model-View: ¿Cuál es la forma correcta de actualizar el modelo y luego la vista cuando los datos se almacenan y cambian fuera del modelo en un std :: vector?

Cómo iterar a través de un archivo csv y actualizar el valor en función del valor de otro

¿Cómo actualizo el valor del modelo en javascript desde la vista principal de asp.net?