Custom data can be stored in uCommerce using Fluent NHibernate mappings.
Following things are required while adding custom data –
- An entity class
- A table to store the data in the database
- A map to let uCommerce know how to store the data
- A mapping tag to let uCommerce know that a particular DLLs contains maps
For complete tutorial, refer this doc – How to add custom data in uCommerce
After saving the data in the database, the next step is to create the UI, i.e. the grid.
Here is a sample code to create a grid in uCommerce –
$(function ()
{
$('#sampleTable').dataTable(
{
"bPaginate": false,
"bFilter": false,
"bSort": false
});
});
<div class="propertyPane">
<table class="dataList" id="sampleTable" style="width:100%;vertical-align:top;">
<thead>
<tr>
<th><span>Name</span></th>
.. Add the headers</tr>
</thead>
<tr>
<td></td>
.. Add the data bindings</tr>
</table>
</div>
uCommerce is using Datatables plug-in for jQuery for its UI. Click here for more info