Ahora mismo tengo un tablero que produce gráficos y datos de la base de datos basados en el año actual. Estoy tratando de agregar una lista desplegable de años y luego hacer que los gráficos en el tablero cambien en el año seleccionado. Tengo 2 áreas que debo cambiar y tengo problemas para obtener la variable del año en la URL. No quiero publicar el guión completo porque es largo. Mi menú desplegable funciona bien, simplemente no puedo usar la variable en la cadena.
Así es como está configurado actualmente: Dentro de un $(document).ready(function () { }
SalesByMonth() var Year = new Date().getFullYear() $('#year').change(function () { Year = document.getElementById("year").value; $("#year").val(" "); console.log(Year); }); function SalesByMonth() { var Year = new Date().getFullYear() $.ajax({ url: '@Url.Action("GetChartData", "Dashboard", new { Year = "Year" })', La función no ve la variable "Año". Incluso si lo pongo en la función SalesByMonth
Después de buscar un poco, descubrí qué funciona. Primero en mi página CHTML tuve que poner esto:
@{ var dates = DateTime.Now.Year.ToString(); } Porque no pude hacer que JavaScript getFullYear() funcionara en absoluto. Siempre fue nulo. No importa cómo traté de hacerlo. Luego obtuve mi variable así con la función de selección justo debajo:
var currentYear = @dates; $('#year').change(function () { currentYear = document.getElementById("year").value; $("#year").val(" "); console.log(currentYear); SalesByMonth(); Revenue(); });Aquí está mi lista de selección:
<div class="form-group sol-container"> @Html.DropDownList("Year", null, new { @class = "sol-container-selection", id = "year" }) </div>Luego, en mi url ajax tuve que hacer esto:
url: '@Url.Action("GetChartData", "Dashboard", new { Year = "year" })'.replace('year', currentYear), La llamada a las funciones SalesByMonth e Revenue en la función .change actualiza los gráficos con el año actual.
Y solo para completar esto y tener el código completo, aquí está mi controlador para la lista desplegable.
AccountingEntities acct = new AccountingEntities(); var list = acct.Transaction.Select(s => s.TransactionDate.Year).Distinct().OrderByDescending(s => s).Select(i => new SelectListItem { Value = i.ToString(), Text = i.ToString() }); ViewBag.Year = list.Select(x => new SelectListItem { Value = x.Text, Text = x.Text }).ToList();