Book Image

Oracle JET for Developers

By : Raja Malleswara Rao Malleswara Rao Pattamsetti
Book Image

Oracle JET for Developers

By: Raja Malleswara Rao Malleswara Rao Pattamsetti

Overview of this book

This book will give you a complete practical understanding of the Oracle JavaScript Extension Toolkit (JET) and how you can use it to develop efficient client-side applications with ease. It will tell you how to get your own customized Oracle JET set up. You'll start with individual libraries, such as jQuery, Cordova, and Require.js. You'll also get to work with the JavaScript libraries created by Oracle, especially for cloud developers. You'll use these tools to create a working backend application with these libraries. Using the latest Oracle Alta UI, you'll develop a state-of-the-art backend for your cloud applications. You'll learn how to develop and integrate the different cloud services required for your application and use other third-party libraries to get more features from your cloud applications. Toward the end of the book, you'll learn how to manage and secure your cloud applications, and test them to ensure seamless deployment.
Table of Contents (17 chapters)
Title Page
Credits
About the Author
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface

Steps involved in adding a component


Now that we understand the list of components offered by the Oracle JET framework, let's review the steps involved in adding these components to the application before looking at the syntax and usage of these components in groups as follows:

  1. Create a web application for Oracle JET, as discussed in the Chapter 1, Getting Started with Oracle JET.
  2. Based on your requirements, choose the set of Oracle JET components you need for your application.
  3. Include the components to your page, along with Knockout data binding to associate the state for components. For example, refer to the dateTime component as follows:
        <div id="div5">
          <label for="dateTime">Date and Time</label>
          <input id="dateTime5"
            data-bind= "ojComponent: {component: 'ojInputDateTime', 
            value: value}"/>
           <br/>
           <span class="oj-label">Date Time Selected:</span>
           <span data-bind...