Interactive editor
Explore Data Source from JavaScript
Use a client-side data source to design and preview templates.
Open the Reporting ribbon to insert invoice fields, nested customer data, or a repeating merge block for Sales_SalesOrderDetail.
Ready to tryUse the controls above to interact with this demo.
What this demonstrates
Data Source from JavaScript
Use a client-side data source to design and preview templates.
API used
TXTextControl.loadJsonData
How it works
The browser fetches the converted invoice JSON and passes it to loadJsonData when the ribbon is ready. Root properties become merge fields, nested objects expose dot-notation fields such as Customer_Customer.Name, and Sales_SalesOrderDetail supplies a repeating merge block. Completion and error callbacks keep the shared status area synchronized with the editor.
