🤴🏼 🧙🏼 🤚🏾 एक कार्यक्रम में एक पदानुक्रमित सूची दर्ज करना ♥️ ☝️ 😈

एक कार्य था - एक वेब अनुप्रयोग में पदानुक्रमित सूची तत्वों (उदाहरण के लिए, KLADR) को लागू करने के लिए।

जब मैं ड्रुपल के साथ काम कर रहा था, तो मैंने वहां देखा कि पदानुक्रमित चयन मॉड्यूल इस कार्यक्षमता को लागू करता है।
लेकिन मैं इसे खुद करना चाहता था - उन प्रणालियों से नहीं जुड़ने के लिए जिन्हें मैं पूरी तरह से और सामान्य रूप से नहीं समझता हूं, यह दिलचस्प है।

किसी भी मौजूदा प्रणाली के लिए तैयार नहीं है कि एक तैयार समाधान के लिए खोज की तरह कुछ उपज
यह सूट नहीं किया।

विषय नए होने का दिखावा नहीं करता है और विशेष रूप से निष्पादित करने में मुश्किल है।
2 घंटे में किया।
मैं बांटना चाहता था।
शायद कोई काम आएगा।
जितना संभव हो, सब कुछ प्रलेखित किया गया था और डेटा स्रोत का वर्णन करने वाले कार्यों को 2 विधियों में लिया गया था:
- माता-पिता द्वारा बच्चों (एक स्तर) की खोज
- पदानुक्रम में बच्चे के सभी माता-पिता को खोजें
ताकि हर कोई अपनी जरूरतों के लिए इसका इस्तेमाल कर सके।

शायद ऐसा ही कुछ कहीं था, लेकिन जल्दी से मुझे यह नहीं मिला।
तो चलिए शुरू करते हैं।

एक कामकाजी उदाहरण और स्रोत कोड से सीधा लिंक
उदाहरण

आप इसे अपने डेटा स्रोत में फिर से लिख सकते हैं (सिर्फ कक्षा में 2 तरीके बदल सकते हैं)

समस्या कथन:

गतिशील रूप से निर्मित चयन का एक सेट का उपयोग करें
नोड चुनते समय, बच्चों के साथ एक और तत्व लोड किया जाता है।
उपयोगकर्ता को पेड़ पर आगे बढ़ने या बच्चे को चुनने के बिना इस नोड पर चुनने में सक्षम करने के लिए
यदि कोई तत्व पहले से ही चयनित है और उसे संपादित करने की आवश्यकता है, तो आपको चयनित नोड के लिए पथ वाले तत्वों का एक सेट लोड करना होगा
वह है, आरंभ करना
पृष्ठ पुनः लोड के बिना जनरेशन - अजाक्स
विभिन्न प्रकारों की कई श्रेणीबद्ध सूची हो सकती है और उन्हें संघर्ष नहीं करना चाहिए

मॉड्यूल द्वारा कार्यशीलता:

सभी आवश्यक डेटा वाले कंटेनर दृश्य
परिवर्तन के लिए उत्तरदायी javaScript और मक्खी पर उत्पन्न तत्वों का अनुरोध
डायनामिक कंटेंट बिल्ड मॉड्यूल

प्रस्तुति की अनुक्रम:

आवश्यक और पर्याप्त डेटा का वर्णन करें कि यह जिस एप्लिकेशन से जुड़ता है वह उत्पन्न होना चाहिए
जावास्क्रिप्ट विवरण
वर्ग ajax अनुरोधों की सेवा
यह सब कैसे काम करता है
परिणाम प्रसंस्करण

1. आपको आवेदन के साथ क्या करने की आवश्यकता है

जावास्क्रिप्ट jQuery कनेक्ट है
और पदानुक्रम प्रसंस्करण स्क्रिप्ट
```
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="script.js"></script> 
```

पृष्ठ की प्रत्येक सूची के लिए:

 <!-- *    class=select_hierarhy_container *   id  *     ,    ( ) * old  new   ,           ,     --> <div class=select_hierarhy_container id=field_1> <input type=hidden name=field_1[old] value=""/> </div>

साइट के मूल में ajax.php फ़ाइल की प्रतिलिपि बनाएँ

2. जावास्क्रिप्ट का विवरण

 //  $(document).ready(function() { /** *          */ $('.select_hierarhy_container').each(function() { selecHierarhyInit(this); }); }); /** *  ,     . : * id (containerId),    (initValue)     * ,    * * @param v_container * - */ function selecHierarhyInit(v_container) { var container = $(v_container); var containerId = container.attr('id'); var initValue = container.children('input').val(); container.load('ajax.php?container_id=' + containerId + '&init_id=' + initValue); } /** *          v_obj,  *      : id  * (containerId)        (level) *    (parent_id)      * ,   (  ,     *  )      * * @param v_obj *    select,   */ function selecHierarhygetChilds(v_obj) { obj = $(v_obj); var containerId = obj.parents('.select_hierarhy_container').attr('id'); var parent_id = obj.val(); obj.nextAll().remove(); $.ajax({ url : 'ajax.php?container_id=' + containerId + '&parent_id=' + parent_id, success : function(data) { $('#' + containerId).append(data); } }); }

3. वर्ग ajax अनुरोधों की सेवा

 /** * ,     . * *          * $_POST[$selectName]    .   - . *     (,    ) *        *     (  ) *  ,  ,    * * @author dibrovsd */ class HerarhySelect { //  select- private $selectName; /** * @param string $selectName  select-,    */ public function __construct($selectName) { $this->selectName = $selectName; } /** *    * @param int $parentId    */ public function getContent($parentId) { return $this->generateSelect($parentId); } /** *     *    ,     * ( ) *    ,   *   ( )   ,    ,  * @param int $nodeId   */ public function getInit($nodeId) { if($nodeId == '') { return $this->getContent(-1); } else { $s = null; $parents = $this->getDataParentsList($nodeId); foreach($parents as $parentId => $childId) { $s .= $this->generateSelect($parentId, $childId); } $s .= $this->generateSelect($nodeId); return $s; } } /** *     $parentId,    $childId * @param int $parentId    * @param int $childId */ private function generateSelect($parentId, $childId = null) { //    -  $childs = $this->getDataChilds($parentId); if($childs == null) { return; } $s = '<select name='.$this->selectName.'[new][] onChange="selecHierarhygetChilds(this);"> <option></option>'; foreach($childs as $id => $value) { $s .= '<option value="'.$id.'" '. ($id == $childId ? 'selected' : '').'>'. $value.'</option>'; } $s .='</select>'; return $s; } /** *  .   - *    *     * *      . *      , web- *  -  (   ) * * @param int $parentId    */ private function getDataChilds($parentId) { $dataSource = $this->getDataArray(); if(!isset($dataSource[$parentId])) { return null; } else { return $dataSource[$parentId]; } } /** *       , *     $childId *    -      *    ,   -    * *  (   )      *       *       : *  Oracle  , *  PostgreSQL   *     ,     * (       ) * * @param int $child * @return int:int id  : id , *       , *   */ private function getDataParentsList($childId) { $dataSource = $this->getDataArray(); $result = array(); $currentChild = $childId; //      . //    ,     do { $isParentFind = false; foreach($dataSource as $idParent => $childs) { if(isset($childs[$currentChild])) { $result[$idParent] = $currentChild; $isParentFind = true; $currentChild = $idParent; break; } } } while($isParentFind); return array_reverse($result, true); } /** *  -    . *    ,  ,  , *     , *     */ private function getDataArray() { return array( -1 => array(1 => 'test1', 2 => 'test2', 3 => 'test3'), 1 => array(4 => 'test1_1', 5 => 'test1_2', 6 => 'test1_3'), 4 => array(7 => 'test2_1', 8 => 'test2_2', 9 => 'test2_3'), 9 => array(10 => 'test2_1_1', 11 => 'test2_1_2', 12 => 'test2_1_3') ); } }

4. यह सब कैसे काम करता है

दस्तावेज़ मॉडल पूरी तरह से बनने पर पृष्ठ लोड करते समय,
जावास्क्रिप्ट आरंभीकरण कोड आग
और प्रत्येक कंटेनर के लिए आरंभिक डेटा लोड होता है
selecHierarhyInit फ़ंक्शन (कंटेनर_बॉजेक्ट) का उपयोग करना

यह फ़ंक्शन सामग्री को पास करके अनुरोध करता है
- कंटेनर पहचानकर्ता, जो इनपुट तत्व के नाम के बराबर है
- पदानुक्रम नोड के प्रारंभिक पहचानकर्ता

PHP वर्ग, इस पहचानकर्ता को getInit ($ id) फ़ंक्शन में प्राप्त करता है, इसे संसाधित करता है।
यदि यह खाली है, तो यह पदानुक्रम की जड़ में अधीनस्थ नोड्स की सूची के साथ एक स्तर को लोड करता है (मैं "स्टब" -1 का उपयोग करता हूं)
यदि नहीं, तो यह प्रारंभिक नोड से पदानुक्रम को स्कैन करता है, और फिर परिणामी शब्दकोश को सम्मिलित करता है,
"रोल डाउन" प्राप्त करना और प्रिंट करने के लिए सरणी पास करना
तब यह सामग्री (सूची या एक सूची की सूची) javaScript में वापस आ जाती है, जो इसे कंटेनर में लिखता है,
आरंभीकरण मान को हटाने की, जिसकी हमें अब आवश्यकता नहीं है

यदि ऑपरेटर चुनता है, तो selecHierarhygetChilds फ़ंक्शन को कहा जाता है, जो पैरामीटर प्राप्त करता है
बदली हुई सूची का उद्देश्य, उसमें से मापदंडों का चयन करता है:
उन सभी सूचियों को हटा देता है जो परिवर्तित होने के बाद
क्योंकि जब एक माता-पिता, उसके बच्चों को फिर से बनाने की जरूरत होती है
यह PHP getContent (आईडी) को इस संबंध में चाइल्ड नोड्स की एक सूची के लिए पूछता है, और इसके बाद परिणाम जोड़ता है (सभी बच्चों को हटा दिया गया है)
बदली हुई सूची

5. परिणाम को संसाधित करना
टिप्पणी के बिना

 if(isset($_POST['sendForm'])) { $data1 = array_reverse($_POST['field_1']['new']); $data2 = array_reverse($_POST['field_2']['new']); $val1 = $data1[0] == '' ? $data1[1] : $data1[0]; $val2 = $data2[0] == '' ? $data2[1] : $data2[0]; } else { $val1 = null; $val2 = 12; }

एक कार्यक्रम में एक पदानुक्रमित सूची दर्ज करना

More articles: