enter image description here

आम तौर पर कोणीय सामग्री तालिका समूह रेडियो बटन कॉलम के अनुसार, मैं पंक्तिवार समूहीकरण कैसे प्राप्त कर सकता हूं?

1
Varsha Bommarabettu 25 जुलाई 2018, 13:56

2 जवाब

रेडियो समूहों पर कोणीय सामग्री प्रलेखन के अनुसार यह कहता है कि

रेडियो-बटन को आम तौर पर a . के अंदर रखा जाना चाहिए <mat-radio-group> जब तक कि DOM संरचना ऐसा न कर ले असंभव (उदाहरण के लिए, टेबल सेल के अंदर रेडियो-बटन)

तो यदि आप प्रति पंक्ति एक रेडियो बटन समूह रखना चाहते हैं, तो आप इन नियंत्रणों को एक साथ समूहित करने के लिए नाम संपत्ति का उपयोग करेंगे (ठीक उसी तरह जैसे आप HTML इनपुट प्रकार = "रेडियो" के लिए करेंगे)।

<tr>
  <td></td>
  <td>
    <p>Escalation Teams</p>
  </td>
  <td>
    <mat-radio-button value="1" name="escalationTeam"></mat-radio-button>
  </td>
  <td>
    <mat-radio-button value="2" name="escalationTeam"></mat-radio-button>
  </td>
</tr>

मेरा स्टैकब्लिट्ज उदाहरण देखें जैसा कि नीचे दिखाया गया है:

radios grouped by row

ध्यान दें कि कैसे प्रत्येक पंक्ति के लिए आप एक बार में केवल एक रेडियो की जांच कर सकते हैं

1
obaylis 3 अप्रैल 2020, 18:58
स्वीकृत उत्तर होना चाहिए, एक आकर्षण की तरह काम करता है
 – 
christoph
27 अप्रैल 2020, 09:57

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

0
G. Tranter 30 जुलाई 2018, 18:46
उदाहरण के लिए धन्यवाद, मुझे लगता है कि मैं इसका उपयोग कर सकता हूं, बस कॉलम क्लब करने की जरूरत है। मेरी आवश्यकता एक पंक्ति में केवल एक रेडियो बटन पर क्लिक करने में सक्षम होना था .. जो कि मेरे द्वारा पोस्ट की गई तस्वीर में नहीं हो रहा है।
 – 
Varsha Bommarabettu
31 जुलाई 2018, 10:42
अगर मैं समझता हूं कि आप क्या कह रहे हैं, तो एक ही रेडियो समूह के अलग-अलग डेटा कॉलम में रेडियो बटन रखना संभव नहीं होगा, इसलिए आपको एक कॉलम में लेआउट के साथ नकली बनाना होगा। मेरा उदाहरण कॉलम लेआउट दिखाता है - इसे पंक्ति में बदलें और रेडियो बटन लेबल हटाएं, फिर प्रत्येक रेडियो बटन के लिए लेबल प्रदान करने के लिए कॉलम हेडर को भी संशोधित करें।
 – 
G. Tranter
1 अगस्त 2018, 01:24