[Solved] Implementing Data Retrieval for Display and Update in PartnerDetail.js: Seeking Guidance

I have written a JS patch for PartnerDetail.js and added an additional field from partner.mdf. Now, I can see the field, and when I enter a record and click on update, the database gets updated. However, I want to retrieve the record from the database and display it in a text field so the user can see the actual value before updating it. How can I achieve this? Do I need to write an AJAX call or a Java class to store the value in a JSON object, or something else? Is there any documentation or something regarding this. Any guidance or documentation on this would be greatly appreciated!

sending my patch code

// #Patch SCC/admin/PartnerDetail
define(["SCC/admin/PartnerDetail"], function() {
var originalBuildLayout = SCC.PartnerLayout.buildLayout;

SCC.PartnerLayout.buildLayout = function(modelFields) {
var layout = originalBuildLayout.call(this, modelFields);

var leftColumn = layout.items[0].items[0].items[0];

var boFHorizonField = modelFields.getField('BoFHorizon');
if (!boFHorizonField) {
leftColumn.add({
xtype: 'textfield',
name: 'BoFHorizon',
fieldLabel: Labels.get("meta.field.BoFHorizon"),
width: 185
});
}

return layout;
};
});