2012-01-12 19 views
13

उस्तरा दृश्य में एक Ajax.BeginForm कॉल करने के लिए एक वर्ग को जोड़ने से मैं एक निम्न कोडमॉडल

@using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId = "update_panel", Url = "/Part/SearchPart" })) 
     { 
      <input type="text" placeholder="Search Parts"/> 
      <input type="submit" value="Search"/> 
     } 

यह निम्न HTML

<form action="/Part" data-ajax="true" data-ajax-mode="replace" data-ajax-update="#update_panel" data-ajax-url="/Part/SearchPart" id="form0" method="post">       
    <input type="text" placeholder="Search Parts"/> 
     <input type="submit" value="Search"/> 
</form> 

आउटपुट और मैं outputted एचटीएमएल करना चाहते हैं कक्षा = "पुल-दाएं" रखने के लिए, फॉर्म> टैग होना है। मैं यह कैसे हासिल कर सकता हूं?

उत्तर

25

आप one of the overloads कि आप एचटीएमएल विशेषताओं ::

@using (Ajax.BeginForm(null, null, new AjaxOptions { UpdateTargetId = "update_panel", Url = "/Part/SearchPart" }, new { @class = "pull-right" })) 
{ 
    <input type="text" placeholder="Search Parts"/> 
    <input type="submit" value="Search"/> 
} 

इसके अलावा मैं दृढ़ता से ज्यादा आप AjaxOptions में यह हार्डकोड करने के बजाय अपने प्रपत्र का यूआरएल सिफारिश करेंगे पर निर्भर निर्दिष्ट करने की अनुमति देता है इस्तेमाल कर सकते हैं, क्योंकि जब आप को तैनात वर्चुअल निर्देशिका संभावनाओं में आपका एप्लिकेशन यह है कि आपका हार्डकोडेड /Part/SearchPart url काम नहीं करेगा। यदि आप Global.asax में अपना रूट पैटर्न बदलते हैं तो इसका उल्लेख नहीं करना चाहिए। तो:

@using (Ajax.BeginForm("SearchPart", "Part", null, new AjaxOptions { UpdateTargetId = "update_panel" }, new { @class = "pull-right" })) 
{ 
    <input type="text" placeholder="Search Parts"/> 
    <input type="submit" value="Search"/> 
} 
+0

खूबसूरती से काम करता है:

यहाँ उदाहरण है। आपकी मदद के लिए धन्यवाद, और यूआरएल हार्डकोडिंग के बारे में आपका मुद्दा अच्छी तरह से लिया गया है। – PlTaylor

+0

कैसे जोड़ें और आईडी और क्लास .. –

1

आपको अपने फॉर्म से संदर्भित करने के लिए आपको कार्रवाई और नियंत्रण देना होगा।

@using (Ajax.BeginForm("LogOn","Account", new AjaxOptions { UpdateTargetId = "update_panel", Url = "/Part/SearchPart" }, new { @class ="pull-right"})) 
{ 
    <input type="text" placeholder="Search Parts"/> 
    <input type="submit" value="Search"/> 
}