2016-05-15 12 views
6

मैं उत्पादन प्राप्त करने के लिए नीचे दिए गए Yii2 अनुकूलित GridView विकसित करने की आवश्यकता:Yii2 विस्तारित/अनुकूलित GridView

enter image description here

वाम सबसे स्तंभ (प्रथम स्तंभ) हेडर प्रदर्शित करता है। दायां हाथ के कॉलम संपादन योग्य हैं। यह सामान्य ग्रिड व्यू में पंक्ति की तरह कुछ है। नई प्रविष्टि जोड़ना, दाएं तरफ (हरा रंग) के अंत में नया कॉलम जोड़ें। महत्वपूर्ण बात यह है कि सभी कॉलम सेल पहले कॉलम के अलावा संपादन योग्य हैं।

यह सिर्फ चित्र से परिदृश्य के लिए सामान्य Yii2 GridView उन्मुखीकरण परिवर्तन की तरह है।

क्या मैं इसे Yii2 GridView या ListView का उपयोग करके प्राप्त कर सकता हूं? यदि ऐसा है तो कृपया मुझे सही दिशा में इंगित करें।

अन्यथा प्राप्त करने के लिए Yii2 ग्रिड व्यू का कोई भी कस्टम कार्यान्वयन; जैसे Kartik - Krajee - GridView

+0

आप इस लिंक का उपयोग कर सकते हैं: [रेफरी लिंक] (http://stackoverflow.com/questions/21675170/customise-grid-view-in-yii2/28771034#28771034) –

उत्तर

1

कुछ मैं कल्पना के रूप में, आप एमएस एक्सेल टेबल की तरह है लेकिन वेब में कुछ चाहिए, इसलिए मैं आपको Handsontable की कोशिश करने का सुझाव देते हैं। example पर एक नज़र डालें जो मैंने भंडार से लिया था।

वाम सबसे स्तंभ (प्रथम स्तंभ) हेडर प्रदर्शित करता है। महत्वपूर्ण बात यह है कि सभी कॉलम सेल पहले कॉलम के अलावा संपादन योग्य हैं।

ध्यान दें, कि सभी Handsontable कोशिकाओं, डिफ़ॉल्ट रूप से संपादन योग्य हैं, इसलिए आदेश पहले कॉलम संपादन योग्य नहीं बनाने के लिए आप पहले कॉलम के लिए columns सरणी में {editable: false} निर्धारित किया है।

नई प्रविष्टि जोड़ना, दाहिने तरफ (हरा रंग) के अंत में नया कॉलम जोड़ें।

this उदाहरण में आप देख सकते हैं कि "के" कॉलम खाली है। यदि आप "के" कॉलम सेल में से एक भरते हैं, तो नया कॉलम "एल" कॉलम "के" के बगल में बनाया जाएगा।