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.

Note: there seems to be an issue with the new Android System Webview update on some devices. See Boban's tip here how to solve it. Thank you Boban!

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.

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

After having received your payment I will be happy to send the download link to you. Please let me know your Google account! I usually will send the download link not later than 24 hours after having received your payment.

Thank you! Taifun

Terms and Conditions

• You have tested the example successfully on your device before buying it.
• You can use the example in as many projects as you like and pass the generated apk files to as much end users as you like, also of course you can publish your apk files to Google Play and other services
• This is a single user license for you as App Inventor developer, which means, the aia file is only for you to use. You are not allowed to pass the aia file to someone else.
• There are a lot of different Android devices available in the market. I'm not able to test the example on all these devices and therefore also can not guarantee, that the example is running on your device.
• THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Back to top of page ...