unfortunately, I cannot get it to work. I put the foreignKeyField, but the result is the same.
In your example you have a different name for that foreignKeyField. Maybe is that the cause?
public partial class PlvrstaObrDop
{
public PlvrstaObrDop()
{
PlvrstaObrDopKoef = new HashSet<PlvrstaObrDopKoef>();
ZaposleniPromjena = new HashSet<ZaposleniPromjena>();
}
public int VrstaObrDopId { get; set; }
public string Naziv { get; set; }
public bool? UlaziUobracun { get; set; }
public bool? Aktivan { get; set; }
public bool? UplataDoprinosa { get; set; }
public virtual ICollection<PlvrstaObrDopKoef> PlvrstaObrDopKoef { get; set; }
public virtual ICollection<ZaposleniPromjena> ZaposleniPromjena { get; set; }
}
@page
@model FormWeb.Areas.Placa.Pages.VrstaObrDopModel
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h4>Vrste obračuna doprinosa</h4>
@Html.AntiForgeryToken()
<script>
function onLoad() {
this.dataSource.dataSource.headers = [{ 'RequestVerificationToken': $("input:hidden[name='__RequestVerificationToken']").val() }];
this.childGrid = {
dataSource: new ej.data.DataManager({
url: "/Placa/VrstaObrDop?handler=ChildDataSource",
insertUrl: "/Placa/VrstaObrDop?handler=ChildInsert",
updateUrl: "/Placa/VrstaObrDop?handler=ChildUpdate",
removeUrl: "/Placa/VrstaObrDop?handler=ChildDelete",
adaptor: new ej.data.UrlAdaptor()
}),
queryString: 'VrstaObrDopId',
load: function () {
this.dataSource.dataSource.headers = [{ 'RequestVerificationToken': $("input:hidden[name='__RequestVerificationToken']").val() }];
},
editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true, mode: 'Normal', showDeleteConfirmDialog: true },
toolbar: ['Add', 'Edit', 'Delete', 'Update', 'Cancel'],
columns: [
{ field: 'RowId', headerText: 'RowId', width: 120, visible: false, isIdentity: true, isPrimaryKey: true },
{ field: 'VrstaObrDopId', headerText: 'VrstaObrDopId', width: 45, visible: true },
{ field: 'DoprinosId', headerText: 'Doprinos', width: 75, foreignKeyField:"DoprinosId", foreignKeyValue: 'Sifra', editType: 'dropdownedit', edit: { params: { dataSource: @Html.Raw(Json.Serialize(@ViewData["dsDop"])) } } },
{ field: 'Koeficijent', headerText: 'Koeficijent', width: 45 },
],
actionBegin(args) {
if (args.requestType === 'add') {
args.data.VrstaObrDopId = this.parentDetails.parentKeyFieldValue;
}
}
};
}
</script>
<ejs-grid id="grid" locale="hr" toolbar="@(new List<string>() {"Search", "Add", "Edit", "Delete", "Update", "Cancel" })"
allowPaging="true" gridLines="Both" allowSorting="true" load="onLoad">
<e-data-manager url="/Placa/VrstaObrDop?handler=DataSource" insertUrl="/Placa/VrstaObrDop?handler=Insert" updateUrl="/Placa/VrstaObrDop?handler=Update" removeUrl="/Placa/VrstaObrDop?handler=Delete" adaptor="UrlAdaptor"></e-data-manager>
<e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" showDeleteConfirmDialog="true"></e-grid-editSettings>
<e-grid-columns>
<e-grid-column field="VrstaObrDopId" isPrimaryKey="true" headerText="VrstaObrDopId" visible="false" width="50px"></e-grid-column>
<e-grid-column field="Naziv" headerText="Naziv" validationRules="@(new { required=true})" width="150px"></e-grid-column>
<e-grid-column field="UlaziUobracun" headerText="Ulazi u obr." defaultValue="true" displayAsCheckBox="true" editType="booleanedit" width="150px"></e-grid-column>
<e-grid-column field="Aktivan" headerText="Aktivan" defaultValue="true" displayAsCheckBox="true" editType="booleanedit" width="150px"></e-grid-column>
<e-grid-column field="UplataDoprinosa" headerText="Uplata dop." defaultValue="true" displayAsCheckBox="true" editType="booleanedit" width="150px"></e-grid-column>
</e-grid-columns>
</ejs-grid>
<ejs-scripts></ejs-scripts>
The razor page cs file is attached in the zip.
Bernard.
