JSFiddle

  • JET 4.0.0 Old and New Charts

    Old and New Chart components both in JET v4.0.0

    require(['knockout',
      'ojs/ojcore',
      'jquery',
      'ojs/ojknockout',
      'ojs/ojchart',
      'ojs/ojbutton',
      'ojs/ojtoolbar',
      'ojs/ojlabel'
    ], function(ko, oj, $) {
      'use strict ...
  • JET 4.0.0 JSFiddle

    Base fiddle with Oracle JET 4.0.0 using CDN

    require(['knockout',
      'ojs/ojcore',
      'jquery',
      'ojs/ojknockout',
      'ojs/ojtable',
      'ojs/ojarraytabledatasource',
      'ojs/ojvalidation-datetime',
      'ojs/ojvalidation-number'
    ], function(ko, oj, $) {
      'use strict ...
  • Date Math with JET

    Adding days and works to the JET DatePicker

    require(['knockout',
      'ojs/ojcore',
      'jquery',
      'ojs/ojknockout', 
      'ojs/ojdatetimepicker',
      'ojs/ojselectcombobox',
      'ojs/ojinputnumber',
      'ojs/ojtimezonedata'
    ], function(ko, oj, $) {
      'use strict ...
  • JET Editable Table example

    Example of how to define editable fields in a table

    require(['knockout',
      'ojs/ojcore',
      'jquery',
      'ojs/ojknockout',
      'ojs/ojtable',
      'ojs/ojarraytabledatasource',
      'ojs/ojvalidation-datetime',
      'ojs/ojvalidation-number',
      'ojs/ojinputtext',
      'ojs/ojselectcombobox'
    ], function ...
  • JET Table Select Row example

    A simple ojTable with code for how to delete a selected row.

    require(['knockout',
      'ojs/ojcore',
      'jquery',
      'ojs/ojknockout',
      'ojs/ojtable',
      'ojs/ojarraytabledatasource',
      'ojs/ojvalidation-datetime',
      'ojs/ojvalidation-number'
    ], function(ko, oj, $) {
      'use strict ...
  • JET Table Row Deletion

    A simple ojTable with code for how to delete a selected row.

    require(['knockout',
      'ojs/ojcore',
      'jquery',
      'ojs/ojknockout',
      'ojs/ojtable',
      'ojs/ojarraytabledatasource',
      'ojs/ojvalidation-datetime',
      'ojs/ojvalidation-number'
    ], function(ko, oj, $) {
      'use strict ...
  • JET 3.2.0 JSFiddle #117 is the latest revision

    Base fiddle with Oracle JET 3.2.0 using CDN

    require(['knockout',
      'ojs/ojcore',
      'jquery',
      'ojs/ojknockout',
      'ojs/ojtable',
      'ojs/ojarraytabledatasource',
      'ojs/ojvalidation-datetime',
      'ojs/ojvalidation-number'
    ], function(ko, oj, $) {
      'use strict ...
  • Drag and Drop position #6 is the latest revision

    Fork of Rob Crowther's fiddle http://jsfiddle.net/user/robertc/fiddles/ Console log of Left and Top position was added to drop event handler

    var offset_data; //Global variable as Chrome doesn't allow access to event.dataTransfer in dragover
    
    function drag_start(event) {
        var style ...
  • Dynamic Aria-labelledby #37 is the latest revision

    Sample showing how to set the aria-labelledby attribute dynamically

    require(['knockout',
      'ojs/ojcore',
      'jquery',
      'ojs/ojknockout',
      'ojs/ojcheckboxset',
      'ojs/ojbutton'
    ], function(ko, oj, $) {
      'use strict';
    
      var ViewModel = function() {
        var ...
  • Row Expander updates #21 is the latest revision

    Example of updating Row Expander data

    require(['knockout',
      'ojs/ojcore',
      'jquery',
      'ojs/ojknockout',
      'ojs/ojtable',
      'ojs/ojarraytabledatasource'
    ], function(ko, oj, $) {
      'use strict';
    
      var ViewModel = function() {
        var ...