menu

MELVIN DEV

DEVELOPING MY OWN LIFE.

Using files as data information in JavaScript Studio

JavaScript studio supports File Creation and File Reading, you can create files and read it back using a simple Code in your HTML code, I'm going to create an example in how to use Files to save and read information, if you want to know how to create files and read it back step by step see Creating and Reading files using Javascript Studio

If you have not downloaded JavaScript Studio App yet. You can download it from Windows Store
Click one of the following options.

image

Creating Contacts App

  1. Open JavaScript Studio Pro
  2. Click On Menu
  3. Create New App

    image

  4. Tap Blank App
    image

  5. Write the following code

  6. Save app with the name Contacts
    image

    image

  7. We are going to create a File that will hold the contacts information and the script code.
    Tap File from the editor Menu.
    image

    Tap New File
    image

    Save the File as ContactsData image

    Write the following code in the file page
    It looks like the following image and then tap
    Save Changes
    image
    Tap Back To Code

  8. Tap Run to see The Contact App Working.
    image

There are some important parts on the app that allows us to read files and show the content in any part of the app.

  1. All file content will be reading at Run-time app.

  2. The <!--<ReadFile><Name>ContactsData </Name></ReadFile>--> allows to read a file, in this app the file is ContactsData and can be added in any part of the HTML code

  3. All File content that we are reading will be shown in <ShowFileContentHere/> tag, Since the ContactsData file contains JavaScript Code only and we want to use it as reference from the HTML code when we click the Find Button we have to add the <ShowFileContentHere/> inside of the Script tag, that's why we have the following code in the app

I hope you get the idea how to use JavaScript Studio app and how it can helps you using Files


Posted date: 5/31/2016
Last edited: No edited


image
Author: Melvin dev
Twitter: @melvindevdotcom