20. Grid Data Binding and Joining

The Problem

A business grid may receive one dataset containing related sections and need to join lookup information such as country names.

The Angular Difficulty

Angular provides data binding, but joining two API datasets is application data-transformation work performed before or during rendering.

Angular Approach

const rows = this.items.map(item => ({
    ...item,
    countryName: this.countries.find(c => c.id === item.countryId)?.name
}));

MS Approach

ManySet provides a direct runtime-oriented approach for this recurring business-application task.

g.data = ms.data("Inventory", "/itemsDataGrid", "items");
g.dataJoin("itemsCountry", "id=itemId");

Why this way is useful in business applications :

The comparison is intended to show where ManySet supplies a business-application abstraction around a recurring task, while keeping HTML and JavaScript visible and directly usable.

Key Point :

ManySet reduces the amount of framework-specific composition required for this particular task, without requiring the React/Angular mechanism to be represented as inherently wrong or incapable.