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

Form components


Form components are the rich UI components delivered by the Oracle JET framework to help interact with the user in an intuitive and enterprise-standard application theme. Let's review the Oracle JET form elements in groups based on the nature of the elements.

Text input components

Text input components are the components which extend the standard HTML input and text area elements. Oracle JET text input components include input text, password, text area, number, date, time, and date time.

Input text

Create an ojInputText component using the ojComponent binding with an ID. To review the value of the text element, create an HTML label with the for attribute referring to the value of ID from ojInputText. Populate the value from the model layer. The following is the example for the text input component:

  • HTML:
        <div id="divId">
          <label for="text-input">First Name</label>
          <input id="text-input" type="text" data-bind="ojComponent:
       ...