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 React Difficulty

React does not define a data-joining model for grids. Applications normally fetch, normalize, join, and transform data before rendering.

React Approach

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

return <Grid rows={rows} />;

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.