एएसपी.Net रेडियोबटन और चेकबॉक्स एक अवधि के अंदर क्यों प्रस्तुत करता है?

Question

मैं इस उम्मीद करेंगे:

<input id="CheckBox1" type="checkbox" class="myClass" /> 
<input id="RadioButton1" type="radio" class="myClass" /> 
<input id="TextBox1"  type="text"  class="myClass" /> 

... जब वास्तव में, RadioButton और CheckBox:

<asp:CheckBox ID="CheckBox1" runat="server" CssClass="myClass" /> 
<asp:RadioButton ID="RadioButton1" runat="server" CssClass="myClass" /> 
<asp:TextBox  ID="TextBox1"  runat="server" CssClass="myClass" /> 

... इस की तरह प्रस्तुत करना (सादगी के लिए हटाया कुछ विशेषताओं के साथ) span टैग के साथ लपेटें और सीएसएस कक्षा वहां लागू हो जाती है।

<span class="myClass"><input id="CheckBox1" type="checkbox" /></span> 
<span class="myClass"><input id="RadioButton1" type="radio" /></span> 
<input type="text" id="TextBox1" class="myClass" /> 

क्या इसके लिए कोई कारण है और इससे बचने का कोई तरीका है?

$("input.myClass") 

दी यह सिर्फ जा रहा है:: यह jQuery चयनकर्ताओं बदसूरत के बाद आप के साथ उन सभी को नहीं पकड़ सकते बनाता

$("input.myClass, span.myClass input") 

... लेकिन यह है कि बदसूरत है। मैं अपना खुद का चयनकर्ता लिख ​​सकता था, लेकिन फिर से उतना ही सुरुचिपूर्ण नहीं होना चाहिए जितना होना चाहिए।

Answer 1

System.Web.UI.WebControls में वेब नियंत्रण अलग-अलग ब्राउज़रों में अलग-अलग प्रस्तुत कर सकते हैं। आप उन तत्वों को हमेशा प्रस्तुत करने पर भरोसा नहीं कर सकते हैं। वे कुछ भी जोड़ सकते हैं जो उन्हें लगता है कि यह विशिष्ट ब्राउज़र में काम करने के लिए आवश्यक है।

यदि आप एचटीएमएल के रूप में नियंत्रण कैसे प्रदान करते हैं, इस पर कोई नियंत्रण रखना चाहते हैं, तो आपको इसके बजाय System.Web.UI.HtmlControls नामस्थान में नियंत्रणों का उपयोग करना चाहिए। यह है:

<input type="checkbox" id="CheckBox1" runat="server" class="myClass" /> 
<input type="radio" name="RadioButton1" runat="server" class="myClass" /> 
<input type="text" id="TextBox1" runat="server" class="myClass" /> 

वे अतिरिक्त HTML तत्व के रूप में प्रस्तुत करेंगे, बिना अतिरिक्त तत्व जोड़े गए हैं। इसका मतलब यह है कि आपको ब्राउजर संगतता की ज़िम्मेदारी लेनी होगी, क्योंकि नियंत्रण नहीं है। साथ ही, उन नियंत्रणों में WebControls नामस्थान में नियंत्रण की सभी सुविधाएं नहीं हैं।

Answer 2

प्रत्येक वेबकंट्रोल डिफ़ॉल्ट रूप से <span> टैग के रूप में प्रस्तुत करता है, साथ ही नियंत्रण लेखक जो भी कस्टम प्रतिपादन करता है।

कस्टम वेबकंट्रोल लिखते समय आमतौर पर आप जो करते हैं, उनमें से एक है "TagKey" संपत्ति को एक div, या किसी अवधि के अलावा कुछ प्रस्तुत करने के लिए ओवरराइड करना है। इस प्रॉपर्टी का डिफ़ॉल्ट मान HtmlTextWriterTag.Span है।

आप अपने चेकबॉक्स आइटम को उपclass कर सकते हैं और टैगकी संपत्ति को कुछ और प्रस्तुत करने के लिए ओवरराइड कर सकते हैं, लेकिन फिर आपको अपने सभी चेकबॉक्स को अपने संस्करण में बनाने के साथ सौदा करना होगा।

Answer 3

मैं इस मुद्दे पर आया और नियंत्रण एडाप्टर का उपयोग करके इसे हल करने का प्रयास किया गया।

रेडियो बटन सूची में ऐसा करने के उदाहरण के लिए here देखें।

मैं अपने RadioButtonAdaptor-

using System; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.Adapters; 

public class RadioButtonAdapter : WebControlAdapter 
{ 
    protected override void Render(HtmlTextWriter writer) 
    { 
     RadioButton targetControl = this.Control as RadioButton; 

     if (targetControl == null) 
     { 
      base.Render(writer); 

      return; 
     } 

     writer.WriteBeginTag("input"); 
     writer.WriteAttribute("type", "radio"); 
     writer.WriteAttribute("name", targetControl.GroupName); 
     writer.WriteAttribute("id", targetControl.ClientID);    

     if (targetControl.CssClass.Length > 0) 
     { 
      writer.WriteAttribute("class", targetControl.CssClass); 
     }  

     writer.Write(" />"); 

    } 
} 

के रूप में इस के साथ समाप्त हो गया और यह करने के लिए अपने ब्राउज़र फ़ाइल

<browser refID="Default"> 
     <controlAdapters>    
      <adapter controlType="System.Web.UI.WebControls.RadioButton" 
       adapterType="RadioButtonAdapter" /> 
     </controlAdapters> 
</browser> 

बेशक

, वहाँ इस के लिए कुछ कमियां हैं जोड़ा।the above link पर उल्लिखित लोगों के साथ, यदि आप सब कुछ लागू नहीं करते हैं तो आप कार्यक्षमता भी खो देते हैं (उपरोक्त कोड रेडियो बटन की जांच करने की अनुमति नहीं देता है)। कुछ सीएसएस अनुकूल नियंत्रण एडाप्टर हैं, लेकिन वे रेडियो बटन नियंत्रण को कवर नहीं करते हैं। प्रारंभिक बिंदु के रूप में डिफ़ॉल्ट नियंत्रण एडाप्टर प्राप्त करने के लिए परावर्तक का उपयोग करना संभव हो सकता है।

Answer 4

यह मुझे तब तक पागल कर रहा था जब तक मुझे इनपुट एट्रिब्यूट्स संपत्ति नहीं मिली।

उदाहरण के लिए, यहाँ अवधि बकवास बिना चेकबॉक्स नियंत्रण पर सीधे एक वर्ग को जोड़ने का तरीका है:

myCheckBoxControl.InputAttributes.Add("class", "myCheckBoxClass") 

Answer 5

मिले वही समस्या,/अक्षम चेकबॉक्स और माता पिता अवधि

सक्षम करने के लिए एक सरल jQuery आधारित समारोह लिखा था

 

    public class HtmlTextWriterNoSpan : HtmlTextWriter 
    { 
     public HtmlTextWriterNoSpan(TextWriter textWriter) : base(textWriter) 
     { 
     } 

     protected override bool OnTagRender(string name, HtmlTextWriterTag key) 
     { 
      if (name == HtmlTextWriterTag.Span) 
      { 
       return false; 
      } 

      return base.OnTagRender(name, key); 
     } 
    } 
 

मैं उपयोग करने के लिए:

function resetChk(ctl, bEnable) { 

      if (bEnable){ 
       ctl.removeAttr('disabled').parent().removeAttr('disabled'); 
      }else{ 
       ctl.attr('disabled', true).parent().attr('disabled', true); 
      } 

     } 

Answer 6

सबसे अच्छा तरीका है मुझे लगता है कि यह है कस्टम नियंत्रण में टी:

 

    protected override void Render(HtmlTextWriter writer) 
    { 
     writer = new HtmlTextWriterNoSpan(writer); 
     base.Render(writer); 
     // HERE MORE CODE 
    } 
 

Answer 7

सादा रेडियोबटन अक्सर बिना किसी अवधि के प्रदान किया जाता है। यदि आप सीएसएस क्लास, स्टाइल, सक्षम गुण सेट करते हैं, तो रेडियोबटन को एक अवधि के साथ प्रस्तुत किया जाता है। यह असंगतता एक वास्तविक दर्द है जब मुझे क्लाइंट-साइड स्क्रिप्ट के साथ रेडियो बटन में हेरफेर करने की आवश्यकता होती है। मैं आमतौर पर एक डमी सीएसएस क्लास लागू करना है ताकि वह हमेशा एक अवधि को लगातार प्रदान करेगा।