अपडेटपेनल

Question

के अंदर जावास्क्रिप्ट कोड ठीक है: मुझे एक एएसपीएक्स पेज पर एक अपडेटपेनल मिला है जिसमें एक प्लेसहोल्डर है।

इस प्लेसहोल्डर के अंदर मैं कुछ बाहरी स्थितियों के आधार पर उपयोगकर्ता नियंत्रणों में से एक को जोड़ रहा हूं (यह एक कॉन्फ़िगरेशन पृष्ठ है)।

इनमें से प्रत्येक उपयोगकर्ता नियंत्रण में एक bindUcEvents() जावास्क्रिप्ट फ़ंक्शन है जो विभिन्न jQuery और जावास्क्रिप्ट ईवेंट को उपयोगकर्ता नियंत्रण के अंदर बटन और सत्यापनकर्ताओं से जोड़ता है।

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

क्या किसी के पास कोई सुझाव है?

चीयर्स, एड।

संपादित करें:

(लेकिन कार्यात्मक) में कटौती उदाहरण:

मार्कअप:

<script src="/js/jquery-1.3.2.min.js"></script> 
    <form id="form1" runat="server"> 
    <div> 

    <asp:ScriptManager ID="Script" runat="server" /> 

    <asp:Button ID="Postback" runat="server" Text="Populate" OnClick="PopulatePlaceholder" /> 

    <asp:UpdatePanel ID="UpdateMe" runat="server"> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="Postback" EventName="Click" /> 
    </Triggers> 
     <ContentTemplate> 
      <asp:Literal ID="Code" runat="server" /> 
      <asp:PlaceHolder ID="PlaceMe" runat="server" /> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
    </div> 
</form> 

सी #:

protected void PopulatePlaceholder(object sender, EventArgs e) 
{ 
    Button button = new Button(); 
    button.ID = "Push"; 
    button.Text = "push"; 
    button.OnClientClick = "javascript:return false;"; 
    Code.Text = "<script type=\"text/javascript\"> function bindEvents() { $('#" + button.ClientID + "').click(function() { alert('hello'); }); } bindEvents(); </script>"; 
    PlaceMe.Controls.Add(button); 
} 

आप उस बटन poput नहीं करता देखेंगे चेतावनी संदेश, भले ही कोड पृष्ठ पर मौजूद है।

EDIT2:

ठीक है, बस इसे स्पष्ट करना, उत्पादन कोड काफी बस एक ही समारोह एक शाब्दिक पर बाध्य की तुलना में अधिक जटिल है, और

<%= Control.ClientID %> 

बिट्स की की एक बड़ी संख्या में शामिल है कोड जो गैर-विशिष्ट कार्यों में कारक करना बहुत मुश्किल होगा, और व्यर्थ है क्योंकि वे केवल एक ही स्थान पर उपयोग किए जाते हैं (हम बहुत विशिष्ट सत्यापन और अजीब पॉपआउट ट्रिगर + कुछ तर्क) की बात कर रहे हैं।

Answer 1

उस शाब्दिक नियंत्रण से छुटकारा पाएं और अपनी स्क्रिप्ट पंजीकृत करने के लिए ScriptManager का उपयोग करें। आप जो कर रहे हैं, उसी कारण से काम नहीं करता

window.document.getElementById('someId').innerHtml = "<script type=\"text/javascript\">alert('hey');</script>"; 

काम नहीं करता है। इसे आज़माएं:

protected void PopulatePlaceholder(object sender, EventArgs e) 
{ 
    Button button = new Button(); 
    button.ID = "Push"; 

    button.Text = "push"; 
    button.OnClientClick = "return false;"; 


    string script = "function bindEvents() { $('#" + button.ClientID + "').click(function() { alert('hello'); }); } bindEvents();"; 

    ScriptManager.RegisterClientScriptBlock(this.Page, typeof(SomeClass), Guid.NewGuid().ToString(), script, true); 


    PlaceMe.Controls.Add(button); 
} 

RegisterClientScriptBlock के पैरामीटर को बदलने की आवश्यकता हो सकती है, लेकिन आपको विचार मिलता है।

Answer 2

अपने पृष्ठ पर स्क्रिप्ट प्रबंधक (अजाक्स एक्सटेंशन) जोड़ें और उस प्रबंधक के अंदर अपनी स्क्रिप्टें जोड़ें। प्रबंधक प्रत्येक स्क्रिप्ट टैग को AJAX- आधारित-पेजेलोड (और केवल प्रारंभिक लोड नहीं) पर लोड करेगा - अपडेट पैनेल के अंदर सभी आवश्यक जावास्क्रिप्ट कोड को ले जाएं और आप बहुत अधिक कर चुके हैं।

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
     <Scripts> 
      <asp:ScriptReference Path="../lib/jquery-1.2.6.pack.js" /> 

प्रश्न पर्याप्त पर्याप्त (और नमूना के बिना) नहीं पढ़ा। मेरी नई प्रतिक्रिया देखें।

Answer 3

कुछ js फिर से चलाने के लिए के बाद एक अद्यतन पैनल मैं हमेशा इस

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(
    function(sender, args) { 
     //update whatever here 
    }); 

का उपयोग किया है इसके अलावा, अगर आप अद्यतन पैनल के भीतर तत्वों के सभी संदर्भ है आपको लगता है कि समारोह के भीतर उन चर ताज़ा कर सकते हैं निकाल दिया गया है साथ ही, अन्यथा आपके पास पुराना रेफ होगा जो काम नहीं करेगा।

Answer 4

किसी भी तरह यह आपका कोड लगता है।पाठ कहीं भी अनुवाद में खो जाता है - विशिष्टताओं को नहीं जानते, शायद यह डिजाइन द्वारा है;

protected void PopulatePlaceholder(object sender, EventArgs e) 
    { 
     Button button = new Button(); 
     button.ID = "Push"; 
     button.Text = "push"; 
     button.OnClientClick = "javascript:return false;"; 
//  Code.Text = 
     PlaceMe.Controls.Add(button); 
     PlaceMe.Controls.Add(new LiteralControl("<script type=\"text/javascript\"> function bindEvents() { $('#" + button.ClientID + "').click(function() { alert('hello'); }); } bindEvents(); </script>")); 
    } 

चूंकि आप पहले से codebehind से JavaScript कोड का निर्माण कर रहे आप के साथ-साथ गतिशील रूप से भी नियंत्रण जोड़ सकते हैं: वैसे भी अगले काम करता है।

Answer 5

हो सकता है कि आप इस के लिए देख रहे हैं: http://api.jquery.com/live/

लगभग .bind() संगत (ऊपर लिंक में सूचीबद्ध अपवाद) - लेकिन यह भी जोड़ा तत्वों/बाद में बदल को बांधता है।

या शायद भी दे सकते हैं। डिलीगेट() एक कोशिश - सीधे .bind() कॉल को प्रतिस्थापित नहीं कर सकता है, लेकिन ज्यादातर मामलों में यह बहुत तेज है।