🐟 🛀 🙅🏾 कस्टम ट्री व्यू 🧜🏽 👖 🖤

हैलो हब्रल्युडी!

अब मैं एक "पेड़" के बारे में बात करूंगा।

आपको "पेड़" क्यों और क्यों चाहिए - आप मुझसे बेहतर जानते हैं।

इसने एक परियोजना के लिए एक ट्री व्यू लिया।
व्यक्तिगत रूप से मेरे लिए महत्व / महत्व के क्रम में ज्ञात कार्यान्वयन:

यही है, हम कह सकते हैं कि मैंने "उन्हें देखा"।

युपीडी:
सबसे पहले, मैं यह नोट करना चाहता हूं कि मैं दिए गए उदाहरणों का बहुत सम्मान करता हूं।
दूसरे, यह घटक कई मायनों में बहुत कुछ खो देता है।
तीसरा, jsTree के समान कम से कम कुछ पाने के लिए, उदाहरण के लिए, आपको अपना बहुत सारा कोड लिखना होगा।

लेकिन, फिर भी, मैंने अपना घटक दर्ज करने का फैसला किया।

सबसे अधीर के लिए: काम में एक उदाहरण के लिए एक कड़ी ।

मुख्य विशेषताएं:

पूरे पेड़ का अनुरोध किया जाता है
भागों द्वारा अनुरोध किया गया
इसे निर्दिष्ट नोड्स में लोड किया गया है
बहुत सारी चीजें अत्यधिक अनुकूलन योग्य हैं
लगभग हर जगह एक डिफ़ॉल्ट व्यवहार होता है
कुकी की बचत
स्वतंत्रता का समर्थन करें
अपने आप से सोचो
आदि

मूल विरोधी विशेषताएं:

पूरे पेड़ का अनुरोध किया जाता है
भागों द्वारा अनुरोध किया गया
इसे निर्दिष्ट नोड्स में लोड किया गया है
यह "कुछ नया" है
स्वतंत्रता का समर्थन करें
घटक "एक वर्ष के सप्ताह के बिना" - नम
स्रोत में कोई टिप्पणी नहीं है
अपने आप से सोचो
आदि

उसी स्थान पर किसी प्रकार का प्रलेखन है ।

मैं आंशिक रूप से इसे यहां दूंगा:

$('#tree_content_div').treeControl( { //       root : 'top' // callback,   ""  , name : function( obj ){ return obj.name; } //    CSS , theme : 'custom' // callback,     messages , info : function( data ){ alert(data); } //   , animate : 1500 //    , preloader : 2 //  , classes : { treeLeaf : 'tree-leaf' , heading : 'heading' , control : 'control' , status : 'status' , loader : 'loader' , selected : 'selected' , preloader : 'preloader' , hover : 'hover' } //    , control : { text : ['+', '–'], cls : 'open' } // $.tmpl()   , template : '<li><span class = "heading">${obj.name}</span> <ul class = "tree-leaf"></ul></li>' //    +\-  $.tmpl() , ctrlTpl : '<span class = "control"></span>' //    ""  $.tmpl() , statusTpl : '<span class = "status"></span>' //  bind  , , //  ,   , handlers : { control : function( leaf ){ } , select : function( leaf ){ } , blur : function( leaf , result ){ if (something){ // Your Great Checking / Blocking code }else{ result(); } } , leafsAdd : function( leaf , controlObject ){ } } //  bind  ...  , callbacks { click : function( leaf ){ } , mouseover : function( leaf ){ } , mouseout : function( leaf ){ } } //    ,    $.cookie //  saveState   --     , saveState : { name : 'tree_control_cookie_name' , opts : { expires: 150 } } //    -- ,   ,  : , ws : function( val, callback ){ try{ var val = ( typeof( val ) == 'string' ) ? { 'leaf' : val , action : 'get' } : ( ( typeof( val ) == 'object' ) ? val : false ); if( val ){ $.ajax( { type: "POST" , async: true , data : val , dataType : 'text' , url: './tree.php' , success: function( data ){ if( data !== ''){ callback( data ); } } , error: function(data){ alert(data); } } ) ; } }catch(e){ alert(e); } } } );

पत्ता क्या है:

 /* { name : 'leaf.name from JSON received through 'ws', eg ID' obj : { name : ' returned by x.name( leaf ) ' , children : ' array of leafs that are children of this ' , parent : 'link to parent' , obj : 'JSON that comes from ws' , elem : { li : DOM of this leaf's LI , ul : DOM of this leaf's UL (where children are) , heading : DOM of heading span , control : DOM of control span , status : DOM of status span } } } */

क्योंकि सब कुछ है, यह सरल प्रतीत होता है, फिर मैं टिप्पणी में q & a की प्रतीक्षा कर रहा हूं।

कस्टम ट्री व्यू

More articles: