2012-09-12 22 views
5

मैं अपने रेल ऐप में जेस्ट्री का उपयोग कर रहा हूं, और मैं इसके लिए जेसन डेटा का उपयोग कर रहा हूं, लेकिन मुझे परेशानी है: मैं इसके लिए नोड्स लिंक और href के लिए कैसे सेट कर सकता हूं, ताकि मैं कर सकूं उस पर जाओ Json नज़र के इस तरह:जेएसटीई सेट लिंक href और रीडायरेक्ट

var data = [ 
{ 
    "data":"\u041b\u0435\u0433\u043a\u043e\u0432\u044b\u0435 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0438", 
    "href":10001, 
    "children":[ 
     { 
     "data":"\u041a\u0443\u0437\u043e\u0432", 
     "href":10101, 
     "children":[ 
      { 
       "data":"\u0422\u043e\u043f\u043b\u0438\u0432\u043d\u044b\u0439 \u0431\u0430\u043a/\u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0449\u0438\u0435", 
       "href":10316 
      }, 
      { 
       "data":"\u041a\u0440\u0435\u043f\u043b\u0435\u043d\u0438\u0435 \u0440\u0430\u0434\u0438\u0430\u0442\u043e\u0440\u0430", 
       "href":10317 
      }, 
      { 
       "data":"\u041e\u0431\u043b\u0438\u0446\u043e\u0432\u043a\u0430/\u0437\u0430\u0449\u0438\u0442\u0430/\u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435/\u044d\u043c\u0431\u043b\u0435\u043c\u044b/\u0437\u0430\u0449\u0438\u0442\u0430 \u0440\u0430\u0441\u043f\u044b\u043b.", 
       "href":10319, 
       "children":[ 
        { 
        "data":"\u041e\u0431\u043b\u0438\u0446\u043e\u0432\u043a\u0430/\u0437\u0430\u0449\u0438\u0442\u043d\u0430\u044f \u043d\u0430\u043a\u043b\u0430\u0434\u043a\u0430", 
        "href":10840 
        }, 
        { ................................ 

और जे एस

$("#tree").jstree({ 
    plugins: ['themes', 'json_data'], 
    json_data: {data: data}, 
     themes: { 
      theme: 'apple' 
     }, 
    }); 
    $('#tree').bind('select_node.jstree', function(e,data) { 
    window.location.href = "123123" 
}); 

लेकिन अगर मैं कोड देखते हैं, लिंक href = "#" है। क्या गलत है?

उत्तर

3

एक जेएसटीरी नोड ऑब्जेक्ट में href विशेषता नहीं है .. यदि आप इसे सेट करना चाहते हैं तो आपको attr विशेषता का उपयोग करना होगा और कुंजी, मूल्य जोड़े की एक सरणी शामिल करनी होगी जो आपके द्वारा जेएसटीई में रखे गए किसी भी विशेषताओं की पहचान करेगा HTML आउटपुट .. पर विचार निम्न उदाहरण:

$(function() { 
$("#demo1").jstree({ 
    "json_data" : { 
     "data" : [ 
      { 
       "data" : "A node", 
       "metadata" : { id : 23 }, 
       "children" : [ "Child 1", "A Child 2" ] 
      }, 
      { 
       "attr" : { "id" : "li.node.id1" }, 
       "data" : { 
        "title" : "Long format demo", 
        "attr" : { "href" : "#" } 
       } 
      } 
     ] 
    }, 
    "plugins" : [ "themes", "json_data", "ui" ] 
}).bind("select_node.jstree", function (e, data) { alert(data.rslt.obj.data("id")); }); 
}); 

और डॉक्टर का पालन करें:

JSTree JSON-DATA pulgin DOC

+1

यह li तत्व को href विशेषता जोड़ने के लिए लगता है और नहीं एंकर तत्व –

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^