2012-10-01 18 views
5

मेरे पास वेब फॉर्म समाधान में नए एएसपी.Net 4.5 का उपयोग करके यहां एक आसान सेटअप है। मैं लगभग एक साल तक ट्विटर बूटस्ट्रैप का उपयोग कर रहा हूं और वास्तव में उस समय का आनंद लेता हूं जब यह मुझे बचाता है और यह स्थिरता तालिका में लाता है। उनके कुछ जावास्क्रिप्ट विधियां भी काफी उपयोगी हैं। हालांकि, मुझे 4.5 में से कुछ "नए तरीके" चीजों को शामिल करने की आवश्यकता है, जिसमें कुछ समस्याएं शामिल हैं।एएसपी.Net 4.5 ट्विटर बूटस्ट्रैप और क्लाइंट साइड सत्यापन

<body> 
    <form id="frmMain" runat="server"> 
     <asp:ScriptManager ID="smManager" runat="server"> 
      <Scripts> 
       <asp:ScriptReference Name="jquery" /> 
       <asp:ScriptReference Name="bootstrap" /> 
      </Scripts> 
     </asp:ScriptManager> 
... 

यहाँ और एक परीक्षण पृष्ठ की सामग्री है: यहाँ मेरी मास्टर पृष्ठ है

<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="server"> 
    <asp:TextBox ID="txtTest" runat="server"></asp:TextBox> 
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Problem" ControlToValidate="txtTest" CssClass="error" SetFocusOnError="True" ToolTip="Problem">*</asp:RequiredFieldValidator> 
    <asp:Button ID="btnTest" runat="server" Text="Check" CausesValidation="true" OnClick="btnTest_Click" /><br /> 
    <asp:TextBox ID="txtAnother" runat="server"></asp:TextBox> 
    <asp:Button ID="btnOk" runat="server" CausesValidation="false" Text="No Check" /> 
</asp:Content> 

यहाँ मेरी Global.asax.cs ScriptReferences दिखाने के लिए दायर किया गया है उल्लेख किया इसके बाद के संस्करण:

protected void Application_Start(object sender, EventArgs e) { 
    GlobalConfiguration.Configuration.Formatters.JsonFormatter.SerializerSettings.ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore; 

    ScriptManager.ScriptResourceMapping.AddDefinition(
     "jquery", 
     new ScriptResourceDefinition { 
      Path = "~/Scripts/jquery-1.8.2.min.js", 
      DebugPath = "~/Scripts/jquery-1.8.2.js", 
      CdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js", 
      CdnDebugPath = "http://ajax.microsoft.com/ajax/jQuery/jquery-1.8.2.js", 
      LoadSuccessExpression = "window.jQuery" 
     } 
    ); // Load jQuery 

    ValidationSettings.UnobtrusiveValidationMode = UnobtrusiveValidationMode.WebForms; 

    ScriptManager.ScriptResourceMapping.AddDefinition(
     "bootstrap", 
     new ScriptResourceDefinition { 
      Path = "~/Scripts/bootstrap.min.js", 
      DebugPath = "~/Scripts/bootstrap.js" 
     } 
    ); // Load Bootstrap 

क्लाइंट साइड चेकिंग पहले टेक्स्ट बॉक्स पर फायरिंग नहीं है। यदि मैं 'चेक' बटन पर क्लिक करता हूं तो यह एक राउंड-ट्रिप और कोड-बैक पेज होता है। यह वैध == झूठा है। यह अच्छा है, लेकिन जब पृष्ठ वैध नहीं है तो मैं वापस पोस्ट नहीं करना चाहता हूं।

मैं एक और परीक्षण पृष्ठ है कि मेरे गुरु पेज का उपयोग नहीं किया बनाया है, लेकिन इस प्रकार उस में एक ही कोड था:

<form id="form1" runat="server"> 
    <div> 
     <asp:TextBox ID="txtTest" runat="server"></asp:TextBox> 
     <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Problem" ControlToValidate="txtTest" CssClass="error" SetFocusOnError="True" ToolTip="Problem">*</asp:RequiredFieldValidator> 
     <asp:Button ID="btnTest" runat="server" Text="Check" OnClick="btnTest_Click" /><br /> 
     <asp:TextBox ID="txtAnother" runat="server"></asp:TextBox> 
     <asp:Button ID="btnOk" runat="server" CausesValidation="false" OnClick="btnOk_Click" Text="No Check" /> 
    </div> 
</form> 

यह पृष्ठ क्लाइंट पक्ष फेंकता है और इस प्रकार के बाद वापस बंद हो जाता है मैं इसे करना चाहते हैं के रूप में ।

ऐसा लगता है कि bootstrap.js मानक जेएस सत्यापन को रोक या बाधित कर सकता है। कोई सुझाव जहां मैं अभी भी बूटस्ट्रैप का उपयोग कर सकता हूं? मुझे bootstrap.js फ़ाइल की आवश्यकता है क्योंकि यह ड्रॉपडाउन मेनू को संभालती है। मैं कम से कम मॉडलों के लिए jQuery के यूआई का उपयोग कर सकता हूं लेकिन इससे ड्रॉपडाउन में मदद नहीं मिलती है।

मैं नई तकनीक का उपयोग करना चाहता हूं लेकिन हमारे पास हमेशा इन सीखने की वक्र होती है।

उत्तर

1

आप प्लगइन का चयन कर सकते हैं जो आपको वास्तव में यहां चाहिए: http://twitter.github.com/bootstrap/customize.html#plugins मुझे लगता है कि bootstrap.js में सभी में एक संयुक्त समाधान शामिल है। तो आप केवल वही चीज़ों का उपयोग करने का प्रयास कर सकते हैं जो आपको चाहिए और देखें कि क्या यह

में मदद करता है
संबंधित मुद्दे