Viewbag, passing controller value to Razor page

Question

I have this Ajax to be able to take the data and pass to the function Save items that is in the Schedulesitenscontroller, that even works perfectly.

function SalvarItens() {
var idItem = $("#idItem").val();

if (idItem == 0) {
    var dataInicio = $("#txtHoraInicio").val();
    var dataFim = $("#txtHoraFim").val();
    var tipoLimite = $("#txtTipoLimite").val();
    var limiteAcessos = $("#txtLimiteAcessos").val();
    var cbSeg = $('#cbSeg').prop('checked');
    var cbTer = $('#cbTer').prop('checked');
    var cbQua = $('#cbQua').prop('checked');
    var cbQui = $('#cbQui').prop('checked');
    var cbSex = $('#cbSex').prop('checked');
    var cbSab = $('#cbSab').prop('checked');
    var cbDom = $('#cbDom').prop('checked');
    var cbFer = $('#cbFer').prop('checked');
    var idHorario = $("#idHorario").val();
    var url = "/HorariosItens/SalvarItens";

    $.ajax({
        url: url
        , data: { HoraInicio: dataInicio, HoraFim: dataFim, Seg: cbSeg, Ter: cbTer, Qua: cbQua, Qui: cbQui, Sex: cbSex, Sab: cbSab, Dom: cbDom, Fer: cbFer, Tipolimite: tipoLimite, Limiteacessos: limiteAcessos, HorarioId: idHorario }
        , type: "POST"
        , datatype: "html"
        , success: function (data) {
            if (data.resultado > 0) {
                //console.log(data.resultado);
                ListarItens(idHorario);

            }
        }
    });
} 

Here is the function that saves the time item:

public async Task<ActionResult> SalvarItens(Horarios h, string HoraInicio, string HoraFim, bool Seg, bool Ter, bool Qua, bool Qui, bool Sex, bool Sab, bool Dom, bool Fer, int Tipolimite, int Limiteacessos, int HorarioId)
{
    h.Id = HorarioId;
    var item = new HorariosItens()
    {
        HoraFim = HoraFim,
        HoraInicio = HoraInicio,
        Seg = Seg,
        Ter = Ter,
        Qua = Qua,
        Qui = Qui,
        Sex = Sex,
        Sab = Sab,
        Dom = Dom,
        Fer = Fer,
        Tipolimite = Tipolimite,
        Limiteacessos = Limiteacessos,
        HorarioId = HorarioId,

    };
    ViewBag.idHorario = HorarioId;
    _context.HorariosItens.Add(item);
        _context.SaveChanges();



    return new JsonResult(new { Resultado = item.Id });
}

On the create page, in this method, I try to get the value of idHorario, but it is always coming in null. And this is where he’s like "Load" on the page.

public async Task<IActionResult> OnGetAsync()
{
    var viewDataVariavel = ViewData["idHorario"];
    if(viewDataVariavel != null)
    { 
        HorariosItens = await _context.HorariosItens
                .Include(a => a.Horarios).Where(a => a.HorarioId == int.Parse(viewDataVariavel.ToString())).ToListAsync();
    }
    else
    {
        HorariosItens = await _context.HorariosItens
            .Include(a => a.Horarios).Where(a => a.HorarioId == 0).ToListAsync();
    }
    return Page();
}

I have tried several ways, but none comes with value, I need to click with the value. I have the pageRazor Create de Horario item, on it I create, and I have the table, which in case should update, after including the time item. I don’t know if you can understand, is that the Pagerazor I can not create the view design, the same when MVC is used without Core. So I’m doing it this way.

o Listaritens, is this function in ajax:

function ListarItens(idHorario) {

var url = "/HorarioItem/Create";

$.ajax({
    url: url
    , type: "GET"
    , data: { id: idHorario }
    , datatype: "html"
    , success: function (data) {
        console.log(idHorario);
        var divItens = $("#divItens");
        divItens.empty();
        divItens.show();
        divItens.html(data);
        $("#idItem").val("0");
        $("#idHorario").val(idHorario);

    }
});

}

Edit:

Every time I include a new time item, it enters this function:

 public async Task<IActionResult> OnGetAsync()
    {
        HorariosItens = await _context.HorariosItens
       .Include(a => a.Horarios).Where(a => a.HorarioId == 0).ToListAsync();
        return Page();
    }

if I pass the a.HorarioID == "Numerodoidaqui" without being the variable, it loads, I need to pass the variable in this function.

Answer 1

How about trying the following:

var viewDataVariavel = ViewBag.idHorario;

EDIT: I saw that you updated with JS, but I still have a question (sorry),

 $.ajax({
    ...       
    , success: function (data) {
        if (data.resultado > 0) {
            //console.log(data.resultado);
            ListarItens(idHorario);
        }
    }
});

Could update with the declaration of function ListarItens(idHorario)? Thank you.

EDIT 2: I think I understand what you want to do; do it like this: on the C#, on Task<ActionResult> SalvarItens(...), in place of

return new JsonResult(new { Resultado = item.Id });

exchange for

return new JsonResult(new { horarioId = HorarioId });

And on the JS side, on function SalvarItens(), barter

$.ajax({
    ...
    , success: function (data) {
        if (data.resultado > 0) {
            //console.log(data.resultado);
            ListarItens(idHorario);
        }
    }
});

for

$.ajax({
    ...
    , success: function (data) {
        if (data.horarioId) {
            ListarItens(data.horarioId);
        }
    }
});

Be careful that variable names and object properties are box sensitive, in JS!

EDIT 3: in public async Task<ActionResult> SalvarItens(Horarios h, ...), withdrawing Horarios h:

public async Task<ActionResult> SalvarItens(string HoraInicio, string HoraFim, bool Seg, bool Ter, bool Qua, bool Qui, bool Sex, bool Sab, bool Dom, bool Fer, int Tipolimite, int Limiteacessos, int HorarioId)
{
    //h.Id = HorarioId;
        ...
}