सी # में div दिखाएं और छुपाएं काम न करें

मैं फ्रंटऑफिस में ट्विटर बूटस्ट्रैप का उपयोग कर, सी # नेट में एक वेब एप्लिकेशन पर काम कर रहा हूं। ऑनक्लिक बटन में मुझे एक div दिखाने की ज़रूरत है जिसमें प्रगतिबार div है और जब प्रक्रिया समाप्त होती है, तो div को छुपाएं। मैं इस कोड का उपयोग कर रहा हूँ:

web.aspx:


   //on load web,  this div is invisible
<div class="progress progress-striped active invisible" id="progressBar" runat="server">
  <div class="bar" style="width: 90%;" id="percentProgresBar"></div>
</div>

और मेरा web.aspx.cs :

protected void btnProcess_Click(object sender, EventArgs e){
// here change class to "visible"
progressBar.Attributes["class"] = "progress progress-striped active visible";
//--- all my process ----
//--- all my process ----
//when my process finish, hide the div again, change the CSS class to "invisible"
progressBar.Attributes["class"] = "progress progress-striped active invisible";
}

मेरी समस्या यह है कि जब मेरी प्रक्रिया समाप्त होती है, तो शुरुआत में नहीं, div दिखाई देता है। मैं इसे कैसे हल करूं? टी से पहले div को प्रकट करने के लिए --- मेरी सभी प्रक्रिया ---- और जब मेरे कोड के उस भाग को खत्म कर दिया जाए, तो div को फिर से अदृश्य बना दिया जाए।

आपकी सहायता के लिए धन्यवाद!!

0
आप सर्वर पक्ष पर तत्व को प्रभावित करने में सक्षम नहीं होंगे, आपको इसके लिए क्लाइंट साइड जावास्क्रिप्ट का उपयोग करना होगा और एजेक्स जैसे कुछ का उपयोग करके अतुल्यकालिक रूप से कमांड जारी करना होगा।
जोड़ा लेखक Charlie Brown, स्रोत

1 उत्तर

instead of using those classes, give the attribute Style="display:none" to hide and Style="display:" to make it visible but that wont serve your purpose. But for displaying the progress bar you can simply use Update Progress

<form id="form1" runat="server">
   
   
     
         Loading...
     
 
 
     
         
     
   
</form>

UpdateButton_Click के पीछे कोड में अपडेट करने में लंबा समय लगता है, उस अवधि के दौरान आप देखेंगे ... पृष्ठ पर, आप इसे प्रोग्रेसबार (जैसे एक जीआईएफ मूविंग-बार छवि) की तरह बनाने के लिए टेक्स्ट को बदल सकते हैं।

1
जोड़ा
धन्यवाद !! .. लेकिन, मैं आपका कोड समझ नहीं पा रहा हूं ????
जोड़ा लेखक Patricio, स्रोत
अद्यतन पैनल में आपके सामग्री टेम्पलेट के ऊपर स्थित प्रगति अपडेट करें आपके लिए काम करता है। न केवल बटन क्लिक के लिए बल्कि किसी भी सर्वर साइड इवेंट के लिए। याद रखें कि इसके लिए आपको एक स्क्रिप्ट प्रबंधक होना चाहिए। @Patricio
जोड़ा लेखक Shiva Saurabh, स्रोत