2009-01-20 17 views
14

संपादित करें मेरे पास मनमानी कॉलम और पंक्तियों वाली एक तालिका है। यह तथ्य वास्तव में अप्रासंगिक है हालांकि, मैं बस इतना करना चाहता हूं कि एक ऐसा फ़ंक्शन विकसित हो जो तालिका में डेटा वाले टेक्स्ट इनपुट (या सेल में कोई डेटा नहीं है) की एक पंक्ति में एक पंक्ति (या एकाधिक पंक्तियां) को बदल देगा।jQuery - एक तालिका पंक्ति इनलाइन

मुझे स्पष्ट रूप से ऐसा करने वाले लोगों के किसी भी उदाहरण नहीं मिल रहे हैं, इसलिए मुझे आश्चर्य हुआ कि यहां क्या लोग सोचते हैं कि समाधान खोजने का सबसे अच्छा तरीका है। पंक्तियों में तालिका सेल से अधिक

उत्तर

30

दोहराएं, और पाठ जानकारी के साथ सामग्री को बदलने:

function editRow(row) { 
    $('td',row).each(function() { 
     $(this).html('<input type="text" value="' + $(this).html() + '" />'); 
    }); 
} 

आप प्रासंगिक पंक्ति/समारोह में पंक्तियों स्पष्ट रूप से पारित करने के लिए की जरूरत है।

+0

जरूरत है तो क्या होता है अगर सेल सामग्री एचटीएमएल इकाइयां हैं करता है? –

+0

मैंने इसे सरल तरीके से उत्तर दिया जिसे आपने वर्णित किया था। मैं आमतौर पर कच्चे रूप में डेटा के साथ एक छिपी हुई इनपुट का उपयोग करता हूं, और इसके साथ टेक्स्ट इनपुट लोड करता हूं। –

+0

@EranGalperin क्या आपको पता चलेगा कि आपका उदाहरण लागू करने के बाद कोई पाठ कैसे सहेज सकता है? मैंने देखा है कि इनपुट के मूल्य अभी भी टाइपिंग के बाद भी मूल पर रहते हैं। – Matt

0

जैसे ईरान कहते हैं।

हालांकि, आप संतुष्ट और डिज़ाइन मोड जैसे गुणों को भी देख सकते हैं हालांकि मुझे यकीन नहीं है कि ये कितने अच्छे हैं।

एक बार जब आप पाठ इनपुट के साथ सामग्री को प्रतिस्थापित कर लेते हैं, तो आप पूर्वावलोकन मोड और संपादन मोड के बीच स्विचिंग प्रबंधित करने के लिए jquery प्लगइन toggleEdit का उपयोग कर सकते हैं।

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