2017-01-27 8 views
1

私はウェブサイトを持っています。jsTreeコンテキストメニューがRMBをクリックしたときにツリーノードに表示されない

2ページあります。

pg1は単純な環境でjsTreeを使用するためのものです。ここではうまくいきます。

pg2は制作アプリケーションです。ここで私はこの問題を抱えています。

同じコードが両方のページにあり、jsTreeは他のすべての目的でうまく機能します。私は最初からツリーを構築しましたが、今は1つのコンテキストメニュー項目を追加するだけです。

#1の違いは制作ページです。jsTreeはjqWidget jqxWindowでホストされています。

両方のページはpython-web2pyでホストされていますが、デモページは実際にはweb2pyページではありません。デモはweb2pyコントローラを経由しますが、ページはまっすぐなhtml/web2pyのjavascriptフレームワークやビューオブジェクトは含まれていません。デモページでソースを見ると、編集者に表示されているようにほぼ正確に表示されます。

jqxWidgetsまたはweb2pyがこの問題の根源であるとの意見にあなたを導くものは何もありません。

これは問題のコードであり、両方のページで同じです。

, 'contextmenu': { 
    'items': function (node) { 
     var tmp = $.jstree.defaults.contextmenu.items(); 
     delete tmp.rename; 
     delete tmp.remove; 
     delete tmp.ccp; 
     tmp.create.label = "New Folder"; 
     return tmp; 
    } 
} 
, 'plugins': ['contextmenu'] 

デモページでjsTreeのノードをクリックしても問題ありません。

プロダクションページでjsTreeのノードをクリックしても何も起こりません。全く何もない。コンテキストメニューは、ブラウザにレンダリング/表示されません。プロダクションjsTreeがRMBクリックを聞いていないかのようです。

編集:これも実現したばかりです。 RBMをクリックすると、ブラウザの標準コンテキストメニューが表示されます。jsTreeノードのを除く。ノード上には何もありません。これはjqWidgetsやweb2pyとは関係がないと私に信じさせてしまう傾向があります。

コンテキストメニューを表示してjsTreeをブロックすることができますか?スタイル要素から欠けてもいいですか?一部のcontextmenu.jsファイルにプロダクションページが表示されないのですか?

あなたはjqWidgets思いますかweb2pyはのルートであることができれば、この

  • A)私は人民元のクリックパスを許可するようにはJavaScriptを養成行う方法ポイント&
  • B)を証明行くのですかjsTree?
+0

コンソールにエラーがありますか? –

+0

残念ながら、しかし、私はこれを試してみるように頼んだので。私がconsole.log( "HELLO")を置くと、アイテム:関数コンソールは、私がRMBをクリックすると "HELLO"を記録します。これで、jsTreeでRMBがトリガーされていることがわかりました。それは良い一歩です。 – Steve

+0

コンテキストメニューは、クラス 'vakata-context jstree-contextmenu jstree-default-contextmenu'を持つ' ul'要素です。ノード上でマウスを右クリックして削除すると追加されます。右クリックし、DOM(Elementsコンソールタブ)でその要素を検索してみてください。多分それはそこにあり、目に見えません。 –

答えて

1

コンソールでテストメッセージを正常に取得したので、コンテキストメニューが表示されているだけです。

コンテキストメニューは、vakata-context jstree-contextmenu jstree-default-contextmenuul要素です。ノード上でマウスを右クリックして外にクリックすると削除されます。右クリックして、DOM(Elementsコンソールタブ)内のそのメニュー要素を検索してください。

+0

RMBクリックで 'この'ノードのZ-インデックスをどのように高めることができるかについてのヒントはありますか?それについてどうやって行きますか? – Steve

+0

コンテキストメニュークラスに高いz-インデックスを割り当てることはできますか? '.kbata-context {z-index:10000;}と同様です。 } '? –

+0

あなたはjsTressのstyles.cssを編集することを意味しますか?私はそれをして、それは動作するように見えます。しかし、私は自分自身のメンテナンスに懸念しています。アプリケーションにデプロイされているjsTreeの更新は、その変更をCSSに上書き/置き換えます。私はどのように私がzymindをdymanically加えることができるか検討しています。おそらく、jsTreeオブジェクトにあります。コンテキストメニュー; item:f(){} – Steve

関連する問題