Data Source from JavaScript

API Reference

A data source is basically used to provide the data structure to design templates. It can be a complete data source of your actual data or an excerpt file that contains the hierarchical structure and dummy data rows for preview purposes.

This demo uses the MVC version of TXTextControl.Web included in TX Text Control .NET Server for ASP.NET. The functionality is compatible across all supported platforms.

Version 33.0

In this demo, an XML excerpt file is loaded to pre-fill the drop-down boxes.

Click the Insert Merge Field drop-down and insert any field from the list of available merge fields.
Click the Insert Merge Block drop-down and choose the product table.
In the opened dialog, select name and price and confirm with OK.
Confirm the opened dialog Limit Preview Data with OK.
See the merge preview results and close the preview using the Close Preview button.

Show Description

Sample Source Code

	@Html.TXTextControl().TextControl(settings =>
	{
	settings.Dock = DockStyle.Fill;
	}).Render()

view raw demoexplorer1.cshtml hosted with ❤ by GitHub

No code required.

	TXTextControl.addEventListener("ribbonTabsLoaded", function () {
	var XMLDataSource = "<reports><report><name>Jackson</name><firstname>Peter</firstname><city>Charlotte</city><zip>28226</zip><street>6920 Shannon Willow Rd</street><product><name>TX Text Control .NET Server for ASP.NET</name><price>2998</price></product><product><name>TX Text Control .NET for Windows Forms</name><price>1459</price></product></report></reports>";
	TXTextControl.loadXMLDatabase(XMLDataSource);
	});

view raw load.js hosted with ❤ by GitHub

No code required.

Next Sample