0

div にツリーを表示するために struts2 jquery ツリー プラグインを使用しています。問題は、ツリーの CSS または JSP ページの CSS が正しくロードされないことです。

スクリプトがロードされる順序を変更しようとしたところ、JSP 上のすべての CSS が必要に応じてロードされていることがわかりましたが、ツリーには適切な CSS がロードされていません。

今のところ、 に を設定しjqueryui="true"ました<sj:head>。

<sj:head jqueryui="true"  />    
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>       
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript" src="scripts/myscript.js" ></script>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<link rel="stylesheet" href="themes/Test.css" />
<link rel="stylesheet" href="themes/Custom.css" />
<link rel="stylesheet" href="css/styles.css" />
<script>

$.subscribe('treeClicked', function(event, data) {
      var item = event.originalEvent.data.rslt.obj;
      alert('Clicked ID : ' + item.attr("id") + ' - Text ' + item.text());
});
</script>
<body>
     <s:url var="treeDataUrl" action="GetData"/>
                            <sjt:tree 
                                    id="jsonTree" 
                                    href="%{treeDataUrl}"
                                    onClickTopics="treeClicked" 
                                    jstreetheme="default"
                            />
</body>

注: コードに記載されているすべての CSS ファイルを含める必要があります。それらは私のUIに必要です

4

2 に答える 2

0

私はあなたの問題を集めます:
1. jquery-ui-theme の属性はjstreetheme、NOT theme
2. ページの読み込み時にスクリプトが呼び出されない! 次のように変更します。

$(function(){
    alert("ECHO..."); // check if script called on page load
    $.subscribe('treeClicked', function(event, data) {
        var item = event.originalEvent.data.rslt.obj;
        alert('Clicked ID : ' + item.attr("id") + ' - Text ' + item.text());
    });
});
于 2013-02-06T11:24:29.827 に答える
0

今、私はjquery struts2でプロジェクトをやっています。ツリー ノードをクリックすると JavaScript メソッドを呼び出すことができるので、私の経験を共有したいと思います。

Plsは、これをsjtツリータグに書いてください

onClickTopics="treeClicked"

そして、スクリプトタグに書き込みます

$(function(){
$.subscribe('treeClicked', function (event, data){
        // check if script called on page load
        alert("treeClicked");
        //Get the next item, this is the tree node object is selected, many operations need it
        var item = event.originalEvent.data.rslt.obj;
        //Other code written here
        //For example, we want to select the node id suggest, you can write like this
        alert ('Clicked ID : ' + item.attr ("id"));
});
});

私の答えがお役に立てば幸いです。

于 2013-08-08T08:59:34.970 に答える