Удобная реализация в ADF

Я очень впечатлен функциональностью handsontable. Я попытался реализовать это в Oracle ADF. Эта функция отлично работает с файлом .jsp, но данные не отображаются в файле .jspx.

Можем ли мы интегрировать эту удобную функциональность в структуру Oracle ADF? Не могли бы вы предложить, как добиться того же в ADF?

1. Я создал приложение Adf в версии Jdeveloper 11.1.1.7.
2. Я создал файл .jspx со следующим кодом

<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
  <jsp:directive.page contentType="text/html;charset=UTF-8"/>
  <f:view>
    <af:document id="d1">
      <af:form id="f1">
        <af:resource type="javascript" source="jquery.min.js"/>
        <af:resource type="javascript" source="jquery.handsontable.full.js"/>
        <link href="jquery.handsontable.full.css" rel="stylesheet" type="text/css"/>
        <div id="dataTable"/>
        <af:resource type="javascript">
         var data = [
            ["", "Kia", "Nissan", "Toyota", "Honda"],
            ["2008", 10, 11, 12, 13],
            ["2009", 20, 11, 14, 13],
            ["2010", 30, 15, 12, 13]
          ];
          $("#dataTable").handsontable({
            data: data,
            minSpareRows: 1,
            startRows: 6,
            startCols: 8
          });

        </af:resource>
      </af:form>
    </af:document>
  </f:view>
</jsp:root>

1. когда я пытаюсь запустить данные файла .jspx, они не отображаются.