Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
Hi, I have a few labels in a gridview (for example) that I would like to have the user be able to add as many of those gridviews as they want (basically the user to create a self list, but not necessarilly in a list view). I'm imagining that I would have to write JS for this. If so, what would the JS look like? Or is there another easier way to do this?
Hello! Working on it.
Hi John,
You should programmatically create new items to get a needed structure. This can be based on template, for example:
precodevar row = ['<tr>',
'<td>',
' <div class="cell-wrapper">',
' <div data-role="appery_label">',
' Label',
' </div>',
' </div>',
'</td>',
'<td>',
' <div class="cell-wrapper">',
' <div data-role="appery_label">',
' Label',
' </div>',
' </div>',
'</td>',
'</tr>'].join("");
$( row ).appendTo( Appery("your_mobilegrid_component_name").find("tbody") ).trigger( "create" );/code/pre
Note the absence of CSS-classes for the row and table cells. This may cause a discrepancy in appearance. Add the needed CSS-classes for the rows, cells, and built-in components.
. trigger ("create") - is needed to initialize jQueryMobile components used within the created cells.