Javaを使用してOracleデータベースからKendoGridにデータを接続するにはどうすればよいですか?

UserA1195

ローカルデータを使用してグリッドを作成できました。Oracleデータベースからデータを取得して剣道グリッドとして表示する方法を知りたいですか?

データソースの「読み取り」機能を変更してデータを取得するにはどうすればよいですか?

サーブレット

public class TeacherListPageServlet extends HttpServlet {
private static final long serialVersionUID = 1L;

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    HttpSession session=request.getSession();
    ArrayList<MessageObjects> listArr;
    OracleConnection oraconn= new OracleConnection();
    listArr= oraconn.teacherDetails();

    System.out.println("In teacher servlet \n" );

    if(!listArr.isEmpty()){
    Gson gson= new Gson();
    String json=gson.toJson(listArr);
    System.out.println("In list");
    System.out.println(json);

    request.setAttribute("list",json);
    request.getRequestDispatcher("Grid.jsp").forward(request, response);
    //response.sendRedirect("Grid.jsp");
    }
    else
    {
        System.out.println("list is empty");
    }

}

}

listArr = oraconn.teacherDetails(); OracleConnection.javaを呼び出します

OracleConnection

public  ArrayList teacherDetails()
{
ArrayList<MessageObjects> list= new ArrayList<MessageObjects>();
ArrayList<String> list1= new ArrayList<>();
MessageObjects obj= new MessageObjects();
try{
Class.forName("oracle.jdbc.driver.OracleDriver");
          con=DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:xe","STUDENT_DB","Aishwarya11");
        Statement statement=con.createStatement();
        ResultSet rs= statement.executeQuery("select * from TEACHERS_DETAILS");
        while(rs.next()) {
        obj.setTid(rs.getString(1));
        obj.setName(rs.getString(2)); 
        obj.setGender(rs.getString(3));
        obj.setDob(rs.getString(4)) ;
        obj.setYoe(rs.getString(5)) ;
        obj.setMajsub(rs.getString(6));
        list.add(obj);
        Gson gson= new Gson();
        String json=gson.toJson(obj);
        System.out.println("In DAO");
        System.out.println(json);
        list1.add(json);
        System.out.println("List1");

             } 

    }
  catch (SQLException | ClassNotFoundException e) {
      System.out.println(e.getMessage());
  }
  return list1;

 }

サーブレットからjsp(Grid.jsp)へのデータの転送

Grid.jsp

<div id="grid"></div>
<script>


        $(document).ready(function() {
        var dataSource= new kendo.data.DataSource({
            transport:{
                read:{/* I want to know how to read data here , how to code ?*/,
                     dataType : "json",
                     type: "POST",
                     }


                },

            schema:{
                data: "xdata.rows",
                model:{
                    id:"tid",
                      fields:{
                          //     tid:{editable:false},

                            tid:{type:"String"},
                            name:{type:"String"},
                            gender:{type:"String"},
                            dob:{type:"String"},
                            yoe:{type:"String"},
                            majsub:{type:"String"}

                      }
                }
         },
         pageSize:20,
         batch:true
        });


        $("#grid").kendoGrid({
               dataSource:dataSource,
               height:350,

               scrollable: true,
               columns:[{field: "tid",title:"Teacher Id",width: "130px"},
                        {field: "name",title:"Name",width: "130px"},
                        {field: "gender",title:"Gender",width: "130px" },
                        {field: "dob",title:"Date of Birth",width: "130px"},
                        {field: "yoe",title:"Year of Experience",width: "130px"},
                        {field: "majsub",title:"Major sub",width: "130px" },

                        {command: ["edit", "destroy"], title: "&nbsp;", width: "250px" }],
                        editable: "popup"
               });
        });

  • データをグリッドに読み取ろうとしているだけなので、Update、Destroy、Createを提供しませんでした。
  • データベースからデータを正常に取得し、JSONに変更しました。

["{\" tid \ ":\" 001 \ "、\" name \ ":\" Varalakshmi \ "、\" gender \ ":\" Female \ "、\" dob \ ":\" 01/08 / 1989 \ "、\" yoe \ ":\" 2 \ "、\" majsub \ ":\" Physics \ "}"、 "{\" tid \ ":\" 002 \ "、\" name \ " :\ "Lakshman \"、\ "gender \":\ "Male \"、\ "dob \":\ "05/08/1979 \"、\ "yoe \":\ "8 \"、\ "majsub \ ":\"数学\ "}"]

これをGrid.jspで取得しましたが、

$ {リスト}

Rajdeep

渡すデータが正しいjson形式ではありません。メソッド内のchangedDataとyourDataを比較します。

グリッドには配列形式のデータが必要なので、配列形式に変換しています。配列にデータがある場合は、それを直接渡します。それは次のようになります:

var data5 = [{ "Id": 121, "referenceId": 18222, "status": "test", "message": 'kk', "ss": "ss" }, { "Id": 121, "referenceId": 18222, "status": "test", "message": 'kk', "ss": "ss" }, { "Id": 121, "referenceId": 18222, "status": "test", "message": 'kk', "ss": "ss" }];

剣道グリッドには剣道jsとcssファイルが必要です。

これらを使用してください:

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.226/styles/kendo.common-material.min.css">
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.226/styles/kendo.material.min.css">

<script src="//kendo.cdn.telerik.com/2016.1.226/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.1.226/js/kendo.all.min.js"></script>

<div id="grid" data-role="grid" class="k-grid k-widget k-editable" style="height: 550px;">
        <script>
            $(document).ready(function () {
                var yourData = ["\"tid\":\"001\",\"name\":\"Varalakshmi\",\"gender\":\"Female\",\"dob\":\"01/08/1989\",\"yoe\":\"2\",\"majsub\":\"Physics\"}", "{\"tid\":\"002\",\"name\":\"Lakshman\",\"gender\":\"Male\",\"dob\":\"05/08/1979\",\"yoe\":\"8\",\"majsub\":\"Maths\"}"]
                var changedData = "[{\"tid\":\"001\",\"name\":\"Varalakshmi\",\"gender\":\"Female\",\"dob\":\"01/08/1989\",\"yoe\":\"2\",\"majsub\":\"Maths\"}, {\"tid\":\"002\",\"name\":\"Lakshman\",\"gender\":\"Male\",\"dob\":\"05/08/1979\",\"yoe\":\"8\",\"majsub\":\"Maths\"}]";
                var feedData = $.parseJSON(changedData);

                $("#grid").kendoGrid({
                    dataSource: feedData,
                    navigatable: true,
                    pageable: true,
                    height: 550,
                    //  toolbar: ["create", "save", "cancel"],
                    columns: [
                         { field: "tid", title: "Unit Price" },
                          { field: "name", title: "Units In Stock" },
                          { field: "gender", title: "gender" },
                          { field: "dob", title: "dob" },
                          { field: "yoe", title: "yoe" },
                          { field: "majsub", title: "majsub" },
                    ],

                    editable: true
                });
            });
        </script>
    </div>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

pypikaを使用してデータベースに接続するにはどうすればよいですか?

分類Dev

ADOを使用してデータベースに接続するにはどうすればよいですか?

分類Dev

LDAPを使用してExcelVBAからOracleデータベースに接続するにはどうすればよいですか?

分類Dev

netshを使用してポート転送を使用してOracleデータベースに接続するにはどうすればよいですか?

分類Dev

JBoss 7.1.1 FinalをOracleデータベースに接続するにはどうすればよいですか?

分類Dev

EntityFrameworkとOracleManaged Data Accessを使用してOracleデータベースに接続するにはどうすればよいですか?

分類Dev

VBScriptとUFTを使用してOracleデータベースに接続するにはどうすればよいですか?

分類Dev

JNDIを使用してJavaアプリケーションをデータベースに接続するにはどうすればよいですか?

分類Dev

PHPを使用してWebサイトからMicrosoftSQLデータベースに接続するにはどうすればよいですか。

分類Dev

R:RJDBCを使用してOracleデータベースからBLOBデータをダウンロードするにはどうすればよいですか?

分類Dev

Google AppMakerから外部mysqlデータベースとしてGoogleCloud SQLデータベースに接続するにはどうすればよいですか?

分類Dev

サーバーをデータベースに接続するにはどうすればよいですか

分類Dev

MySQL Workbenchを使用してデータベースサーバーに接続するにはどうすればよいですか?

分類Dev

Python + SQLAlchemyを使用してMySQLデータベースにリモートで接続するにはどうすればよいですか?

分類Dev

mysql データベースをノードに接続するにはどうすればよいですか?

分類Dev

Web上のIISを使用してSQLデータベースをWebホストサイトに接続するにはどうすればよいですか?

分類Dev

PostgreSQLを使用して異なるデータベースの2つのテーブルを接続するにはどうすればよいですか?

分類Dev

ローカルのPgAdminを使用してDiviopostgresデータベースに接続するにはどうすればよいですか?

分類Dev

CLIを使用してリモートDB2LUWデータベースに接続するにはどうすればよいですか?

分類Dev

PHPを使用してAndroidアプリをAmazonRDS MySQLデータベースに接続するにはどうすればよいですか?

分類Dev

Scalaを使用してpostgreSQLデータベースにApacheSparkに接続するにはどうすればよいですか?

分類Dev

SQL Server 2014を使用してFoxproデータベースファイルに正常に接続するにはどうすればよいですか?

分類Dev

JavaアプリケーションからOracleリモートデータベースに接続するにはどうすればよいですか?

分類Dev

SQLAlchemyを使用してWindows10のDockerでPostgresデータベースに接続するにはどうすればよいですか?

分類Dev

Pythonを使用してSSH経由でSqlite3データベースに接続するにはどうすればよいですか?

分類Dev

Rails を使用して手動で MYSQL データベースに接続するにはどうすればよいですか?

分類Dev

MSAccessデータベースをJetbrainsDataGripに接続するにはどうすればよいですか

分類Dev

接続用にデータベースを変更するにはどうすればよいですか?

分類Dev

既存のSQLiteデータベースをExpandableListViewに接続するにはどうすればよいですか?

Related 関連記事

  1. 1

    pypikaを使用してデータベースに接続するにはどうすればよいですか?

  2. 2

    ADOを使用してデータベースに接続するにはどうすればよいですか?

  3. 3

    LDAPを使用してExcelVBAからOracleデータベースに接続するにはどうすればよいですか?

  4. 4

    netshを使用してポート転送を使用してOracleデータベースに接続するにはどうすればよいですか?

  5. 5

    JBoss 7.1.1 FinalをOracleデータベースに接続するにはどうすればよいですか?

  6. 6

    EntityFrameworkとOracleManaged Data Accessを使用してOracleデータベースに接続するにはどうすればよいですか?

  7. 7

    VBScriptとUFTを使用してOracleデータベースに接続するにはどうすればよいですか?

  8. 8

    JNDIを使用してJavaアプリケーションをデータベースに接続するにはどうすればよいですか?

  9. 9

    PHPを使用してWebサイトからMicrosoftSQLデータベースに接続するにはどうすればよいですか。

  10. 10

    R:RJDBCを使用してOracleデータベースからBLOBデータをダウンロードするにはどうすればよいですか?

  11. 11

    Google AppMakerから外部mysqlデータベースとしてGoogleCloud SQLデータベースに接続するにはどうすればよいですか?

  12. 12

    サーバーをデータベースに接続するにはどうすればよいですか

  13. 13

    MySQL Workbenchを使用してデータベースサーバーに接続するにはどうすればよいですか?

  14. 14

    Python + SQLAlchemyを使用してMySQLデータベースにリモートで接続するにはどうすればよいですか?

  15. 15

    mysql データベースをノードに接続するにはどうすればよいですか?

  16. 16

    Web上のIISを使用してSQLデータベースをWebホストサイトに接続するにはどうすればよいですか?

  17. 17

    PostgreSQLを使用して異なるデータベースの2つのテーブルを接続するにはどうすればよいですか?

  18. 18

    ローカルのPgAdminを使用してDiviopostgresデータベースに接続するにはどうすればよいですか?

  19. 19

    CLIを使用してリモートDB2LUWデータベースに接続するにはどうすればよいですか?

  20. 20

    PHPを使用してAndroidアプリをAmazonRDS MySQLデータベースに接続するにはどうすればよいですか?

  21. 21

    Scalaを使用してpostgreSQLデータベースにApacheSparkに接続するにはどうすればよいですか?

  22. 22

    SQL Server 2014を使用してFoxproデータベースファイルに正常に接続するにはどうすればよいですか?

  23. 23

    JavaアプリケーションからOracleリモートデータベースに接続するにはどうすればよいですか?

  24. 24

    SQLAlchemyを使用してWindows10のDockerでPostgresデータベースに接続するにはどうすればよいですか?

  25. 25

    Pythonを使用してSSH経由でSqlite3データベースに接続するにはどうすればよいですか?

  26. 26

    Rails を使用して手動で MYSQL データベースに接続するにはどうすればよいですか?

  27. 27

    MSAccessデータベースをJetbrainsDataGripに接続するにはどうすればよいですか

  28. 28

    接続用にデータベースを変更するにはどうすればよいですか?

  29. 29

    既存のSQLiteデータベースをExpandableListViewに接続するにはどうすればよいですか?

ホットタグ

アーカイブ