Q&A
こういう場合は、新しい質問を出すのではなく、元の質問を編集するようにしてください。少なくとも私には同じ回答しかしようがありません。
「以下のようなエラーが出ます」とありますが、メッセージが切れています。
それに、新たな質問も重複していますので、どちらか削除してください。削除するには、削除依頼を出します。今は運営さんがお休みなのですぐに削除されないかもですが。
以前質問させていただいた続きです。
同じような質問ばかりして、本当にすいません。
どうしても潰したいのでお願いします。
https://teratail.com/questions/43663
いろいろ試したのですが、うまくいきません。
サンプルを作成し、実行するとjstreeが表示されません。
原因がわからないのでお願いします。
elipse 4.4でlegacyプロジェクトのspring MVCでプロジェクトを作成します。
WEB-INF配下のViewのhome.jspを以下のソースにしました。
treeがやはり表示されていないようです。
ご教授をお願いします。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/themes/default/style.min.css"> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script> <script type="text/javascript" src='<c:url value="/dist/jstree.min.js"/>'></script> </head> <body> <script type="text/javascript"> $(function () { $("#div795").tree({ 'core' : { "data": jsonData795 }}); }); jsonData795 = [ 'Simple root node', { 'text' : 'Root node 2', 'state' : { 'opened' : true, 'selected' : true }, 'children' : [ { 'text' : 'Child 1' }, 'Child 2' ] } ]; </script> ツリーサンプル <div id="div795"></div> </body> </html>
起動後、エラーが出ます。
jstreeのソースが表示されます。
以下の様なエラーが出ます。
Stacktrace:] with root cause org.apache.el.parser.ParseException: Encountered " "}" "} "" at line 1, column 3. Was expecting one of: <INTEGER_LITERAL> ... <FLOATING_POINT_LITERAL> ... <STRING_LITERAL> ... "true" ... "false" ... "null" ... "(" ... "!" ... "not" ... "empty" ... "-" ... <IDENTIFIER> ... at org.apache.el.parser.ELParser.generateParseException(ELParser.java:2226) at org.apache.el.parser.ELParser.jj_consume_token(ELParser.java:2099) at org.apache.el.parser.ELParser.Unary(ELParser.java:954) at org.apache.el.parser.ELParser.Multiplication(ELParser.java:714)
また、jstreeを呼び込むところやjqueryを以下のようにしても
画面を表示した時、jstreeが表示されません。
根本的に何をしたら良いのかからりません。
ただ、jqueryだけの機能を利用し、アコーディオンを作成すると
うまくいきました。jstreeの設定に問題があるように思うのですが、
わかりません。
jstreeは以下のサイトからダウンロードし、ローカルに設置しています。
質問に書いているソースは、
を参考にさせていただきました。
回答1件
0
ベストアンサー
javascript
1$(function () { 2 $("#div795").tree({ 'core' : { 3 "data": jsonData795 4 }}); 5});
ではなくて、
$(function () { $("#div795").jstree({ 'core' : { "data": jsonData795 }}); });
ですよね。
以下、動作検証済みのJSPを置きますので、参考にしてください。
html
1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 5<html> 6<head> 7<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 8<title></title> 9<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" type="text/css" /> 10<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script> 11<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script> 12</head> 13<body> 14<script type="text/javascript"> 15$(function () { 16 $("#div795").jstree({ 'core' : { 17 "data": jsonData795 18 }}); 19}); 20jsonData795 = [ 21 'Simple root node', 22 { 23 'text' : 'Root node 2', 24 'state' : { 25 'opened' : true, 26 'selected' : true 27 }, 28 'children' : [ 29 { 30 'text' : 'Child 1' 31 }, 32 'Child 2' 33 ] 34 } 35]; 36</script> 37ツリーサンプル 38<div id="div795"></div> 39</body> 40</html>
投稿2016/08/11 03:49
編集2016/08/11 11:48
総合スコア12011
ご回答ありがとうございます。しかし、
jstreeに変更しても、コンソール上でエラーが表示され、うまくいきませんでした。
再度、見ていただけないでしょうか。
jstreeの方には何の問題も発生していませんでした。
回答に稼働済みのJSPがありますので、このJSPが正しく動作しないのであれば、開発環境の問題ないしは、JSPを直接呼び出しているため動作してないなど考えられます。
ちなみにスタックトレースはjstreeのものではなく、JSPを解析中に出ているエラーです。jstreeはJavaScriptであるため、ブラウザのデバッグコンソールに出力されるでしょう。
ご回答ありがとうございます。
無事に動作しました。
本当にすいません。
あなたの回答
tips
プレビュー
