Hi
Rajapandiyan,
thank you very much for the answer. The example works perfectly. However, I don't understand how it works. Where do I bind the data that I want to send to the server-side, and most import how do I retrieve this data on the server-side?
For example, before I was using jQuery to handle autocomplete. Binding the data was straightforward there and also retrieving them.
Example jQuery :
$('#DobavnicaStevilka').autocomplete({
autoFocus: true,
source: function (request, response) {
$.ajax({
url: '/Palete/Create?handler=AutoCompleteDobavnica',
beforeSend: function (xhr) {
xhr.setRequestHeader("XSRF-TOKEN",
$('input:hidden[name="__RequestVerificationToken"]').val());
},
data: { "prefix": request.term, "dobaviteljNaziv": DobaviteljNaziv.value },
type: "POST",
success: function (data) {
response($.map(data, function (item) {
return item;
}))
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
},
select: function (event, ui) {
if (document.getElementById("DobaviteljNaziv").value == "") {
var $form = $('form');
var data = {
'dobavnicaSt': ''
};
data.dobavnicaSt = ui.item.label;
data = $form.serialize() + '&' + $.param(data);
$.post('/Palete/Create?handler=DobavnicaSelect', data, function (msg) {
document.getElementById("DobaviteljNaziv").value = msg;
});
}
}
});
Server-side:
public async Task<IActionResult> OnPostAutoCompleteDobavnicaAsync(string prefix, string dobaviteljNaziv)
{
if (dobaviteljNaziv != null)
{
var Dobavnica = await _context.Dobavnica
.Where(d => d.Stevilka.Contains(prefix) && d.Dobavitelj.Naziv.Contains(dobaviteljNaziv))
.Select(d => d.Stevilka)
.ToListAsync();
return new JsonResult(Dobavnica);
}
else
{
var Dobavnica = await _context.Dobavnica
.Where(d => d.Stevilka.Contains(prefix))
.Select(d => d.Stevilka)
.ToListAsync();
return new JsonResult(Dobavnica);
}
}
The models look like that:
public class Dobavitelj
{
public int Id { get; set; }
[StringLength(30)]
[Display(Name = "Naziv dobavitelja")]
public string Naziv { get; set; }
#nullable enable
[StringLength(30)]
[Display(Name = "Naslov")]
public string? Naslov { get; set; }
[Display(Name = "Poštna številka")]
public int? PostnaStevilka { get; set; }
[Display(Name = "Pošta")]
[StringLength(30)]
public string? Posta { get; set; }
[Display(Name = "Država")]
[StringLength(30)]
public string? Drzava { get; set; }
[Display(Name = "Datum vnosa kupca")]
#nullable disable
public DateTime DatumVnosa { get; set; }
public ICollection<Dobavnica> Dobavnica { get; set; }
}
public class Dobavnica
{
public int Id { get; set; }
public int DobaviteljID { get; set; }
[Display(Name = "Številka dobavnice")]
[StringLength(20, MinimumLength = 2)]
public string Stevilka { get; set; }
[Display(Name = "Datum dobavnice")]
[DataType(DataType.Date)]
//[DisplayFormat(DataFormatString = "{0:dd.MM.yyyy}", ApplyFormatInEditMode = true)]
public DateTime Datum { get; set; }
public Dobavitelj Dobavitelj { get; set; }
public ICollection<Paleta> Paleta { get; set; }
}
public enum Status
{
Dobava,
Skladišče,
Sušenje,
Posušeno,
Razrez,
Razrezano
}
public class Paleta
{
[Key, DatabaseGenerated(DatabaseGeneratedOption.None)]
public int Id { get; set; }
[Required]
[Display(Name = "Številka dobavnice")]
public int DobavnicaID { get; set; }
[Display(Name = "Datum dobave")]
[DataType(DataType.Date)]
//[DisplayFormat(DataFormatString = "{0:dd.MM.yyyy}", ApplyFormatInEditMode = true)]
public DateTime Datum { get; set; }
[Required]
[StringLength(20)]
[Display(Name = "Material")]
public string Tip { get; set; }
[Required]
[Display(Name = "Dolžina")]
public int Dolzina { get; set; }
[Required]
[Display(Name = "Širina")]
public int Sirina { get; set; }
[Required]
[Display(Name = "Debelina")]
public int Visina { get; set; }
[Required]
[Display(Name = "Količina")]
public int? SteviloKosov { get; set; }
[Display(Name = "Volumen")]
[DisplayFormat(DataFormatString = "{0:0.00}", ApplyFormatInEditMode = true)]
[DatabaseGenerated(DatabaseGeneratedOption.Computed)]
public double Volumen { get; private set; }
[Display(Name = "Status palete")]
public Status Status { get; set; }
public Dobavnica Dobavnica { get; set; }
}
now the question is how to implement passing the data in the same way to serverside and then back to the front end?
Thank you very much for your support,
