App Inventor and HTML/JavaScript with Input Parameters


App Inventor and Editable(!) Dynamic Table Layout

It has been asked by Arone at Stackoverflow: I've tried to make the content of my table editable but without success: my table disappears.
I now made an enhancement of my Dynamic Table Layout example, converted the existing JavaScript code into jQuery, added the jEditable.js library (Thank you Mika and Dylan!) and added some code to send the modified table back to App Inventor in the WebViewString property.

Using this example, you can load your example csv table from the root directory of your sd card. The name of the file must be example.csv. The csv table can have any number of columns or rows. You can edit some cells and store it back to your sd card. In case no file is found, the default example table will be used.

You can use this example for your projects without need to adjust anything in the HTML document. And: it works with any desired number of rows and/or columns! Well, if you do not like the colors etc., there are lots of possibilities you can adjust with CSS in the header of the HTML document.

The tools extension offers the method PathToAssets which always returns the correct path to the assets.

App Inventor Blocks



These are all the blocks. The "main work" is done in the embedded HTML/jQuery file.

Screenshot

In case no file example.csv is found, the default example table will be used.

Do you need help with your App Inventor project?

I can help you: for one hour I charge 25 USD.
Please contact me at info [at] puravidaapps [dot] com for details!
For questions about App Inventor, please use the App Inventor forum. Thank you.

Download

You can test with the apk file, which is available for free at Google Play: Editable

Buy the source code for App Inventor


You can buy the source code of this project.
With your payment you accept the terms and conditions below.

Payment options

1. Paypal

Please transfer 10 USD via Paypal.

2. Bitcoin

After having received your payment I will be happy to send the source code to you.
Thank you! Taifun


Please check your spam folder in case you did not receive the example!
I usually will send the project not later than 24 hours after having received your payment.

 

Terms and Conditions

Back to top of page ...


Home | Snippets | Tutorials | Extensions | News | Forums | Links | Search | Contact