Hi,
Im trying to write a portlet using the SoyPortlet class with in liferay 7.
Im able to write and use my own components however Im having trouble using the existing metal components. (ie. Datatable, Treeview, Dropdown as seen here https://github.com/metal/metal-components)
I can see them in my node_modules dir and can compile soy templates using the components successfully, however any data I attempt to pass to them results in a type error.
Here is my render method.
@Override
public void render(RenderRequest renderRequest, RenderResponse renderResponse)
throws IOException, PortletException {
Map<string, object> data = new HashMap<string, object>();
List<map> l = new ArrayList<map>();
for (int i = 0; i < 5; i++) {
Map<string, integer> row = new HashMap<string, integer>();
row.put("hello", i);
row.put("goodbye", i*i);
l.add(row);
}
template.put("data", l);
super.render(renderRequest, renderResponse);
}
</string,></string,></map></map></string,></string,>
Here is my soy template
{namespace StockTable}
/**
* StockTable -> Table o stocks
* @param data
*/
{template .render}
<div>
{call Datatable.render}
{param data: $data /}
{/call}
</div>
{/template}
Here is the exception.
23:44:08,931 ERROR [http-nio-8080-exec-1][render_portlet_jsp:131] null
com.google.template.soy.tofu.SoyTofuException: In 'call' command {call .render_ data="$data"}{param displayColumnsType: $displayColumnsType /}{param tableClasses: $tableClasses /}{/call}, the data reference does not resolve to a SoyRecord.
at Datatable.render(Datatable.soy:11)
at StockTable.render(StockTable.soy:9)
Do i have to pass the parameters in as as list of SoyRecords? if so where can i find this class?
I can get the datatable to render if I do it through javascript but this is obviously not ideal.
{namespace StockTable}
/**
* StockTable -> Table o stocks
* @param data
*/
{template .render}
<div>
{$data}
// {call Datatable.render}
// {param data: $data /}
// {/call}
</div>
{/template}
partial .js file
. . .
class StockTable extends Component {
. . .
attached() {
// this successfully renders the Datatable (at the base of the page) with the data i pass in form the soy portlet
this.table = new Datatable({
data: this.data,
displayColumnsType: false,
}, '#simple');
}
}
Soy.register(StockTable, templates);
StockTable.STATE = {
data: {},
table: {},
};
export default StockTable;
Any help would be greatly appreciated!
