MVC सी # मोडल पॉपअप

Question

ठीक तो मैं यह पता लगाने की कैसे ठीक इस पोस्ट के सुझाव के अनुसार नियंत्रकों का उपयोग कर अपने पृष्ठ के लिए एक मॉडल पॉपअप कॉल करने के लिए

ASP.NET MVC modal dialog/popup best practice

और थोड़े इस प्रयोग किया जाता है कोशिश कर रहा हूँ:

http://microsoftmentalist.com/2011/09/14/asp-net-mvc-13-open-window-or-modal-pop-up-and-fill-the-contents-of-it-from-the-controller-method/

मैं एक दृश्य एक dropdownlist है कि है, उपयोगकर्ता आइटम/मूल्य कि वह/वह वह किसी मूल्य का सुझाव कर सकते हैं की तलाश में है नहीं मिल सकता है अगर (नया मान लिंक का सुझाव) जो कॉल करने के लिए माना जाता है नियंत्रक आर और इसमें कुछ फ़ील्ड के साथ एक पॉपअप पेज वापस करें।

Here're दृश्य पर वस्तुओं:

<script type="text/javascript"> 

     loadpopup = function() 
     { 
window.showModalDialog(‘/NewValue/New′ , "loadPopUp", ‘width=100,height=100′); 
     } 

    </script> 


<%: Html.DropDownList(model => model.ValueId, new selectlist........... %> 
<%: Html.ActionLink("Suggest Value", "New", "NewValue", null, new { onclick = 'loadpopup()') %> 

नियंत्रक कि मैं पेज पर लौटने के लिए इस्तेमाल की योजना बना रही है:

public class NewValueController : Controller{ 
    public Actionresult New(){ 
     return View(); 
    } 
} 

अब मैं अटक कर रहा हूँ। मैं एक पृष्ठ वापस करना चाहता था जहां मैं इसे प्रारूपित कर सकता हूं, क्या मुझे एक स्ट्रिंग वापस करनी है? क्या मैं इसके बजाय एक एएसपीएक्स (engin i use) वापस नहीं कर सकता, क्योंकि प्रारूपण करना आसान होगा?

कोई सलाह है कि मुझे किस दिशा में जाना चाहिए, इसकी बहुत सराहना की जाती है।

धन्यवाद!

Answer 1

आप पॉपअप के लिए jquery UI Dialog का उपयोग कर सकते हैं। चलो यहाँ एक छोटा सा सेटअप है।

public class MyViewModel 
{ 
    public string ValueId { get; set; } 
    public IEnumerable<SelectListItem> Values 
    { 
     get 
     { 
      return new[] 
      { 
       new SelectListItem { Value = "1", Text = "item 1" }, 
       new SelectListItem { Value = "2", Text = "item 2" }, 
       new SelectListItem { Value = "3", Text = "item 3" }, 
      }; 
     } 
    } 

    public string NewValue { get; set; } 
} 

एक नियंत्रक:

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     return View(new MyViewModel()); 
    } 

    [HttpPost] 
    public ActionResult Index(MyViewModel model) 
    { 
     return Content("thanks for submitting"); 
    } 
} 

और एक (~/Views/Home/Index.aspx) विचार:

<%@ Page 
    Language="C#" 
    MasterPageFile="~/Views/Shared/Site.Master" 
    Inherits="System.Web.Mvc.ViewPage<AppName.Models.MyViewModel>" 
%> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

    <% using (Html.BeginForm()) { %> 
     <%= Html.DropDownListFor(x => x.ValueId, Model.Values) %> 
     <br/> 
     <%= Html.EditorFor(x => x.NewValue) %> 
     <%= Html.ActionLink("Suggest Value", "New", "NewValue", null, new { id = "new-value-link" }) %> 
     <button type="submit">OK</button> 
    <% } %> 

    <div id="dialog"></div> 

</asp:Content> 

तो हम ले सकता है

हम मुख्य रूप के लिए एक दृश्य के मॉडल के लिए होता है पॉपअप की देखभाल करें। हम इसके लिए एक दृश्य के मॉडल को परिभाषित:

public class NewValueViewModel 
{ 
    public string Foo { get; set; } 
    public string Bar { get; set; } 
} 

एक नियंत्रक:

public class NewValueController : Controller 
{ 
    public ActionResult New() 
    { 
     return PartialView(new NewValueViewModel()); 
    } 

    [HttpPost] 
    public ActionResult New(NewValueViewModel model) 
    { 
     var newValue = string.Format("{0} - {1}", model.Foo, model.Bar); 
     return Json(new { newValue = newValue }); 
    } 
} 

और एक इसी आंशिक दृश्य (~/Views/NewValue/New.ascx):

<%@ Control 
    Language="C#" 
    Inherits="System.Web.Mvc.ViewUserControl<AppName.Models.NewValueViewModel>" 
%> 

<% using (Html.BeginForm(null, null, FormMethod.Post, new { id = "new-value-form" })) { %> 
    <%= Html.EditorFor(x => x.Foo) %> 
    <%= Html.EditorFor(x => x.Bar) %> 
    <button type="submit">OK</button> 
<% } %> 

अब सभी अब सिर्फ़ एक सा लिखना है सब कुछ तार करने के लिए जावास्क्रिप्ट का।

<script src="<%: Url.Content("~/Scripts/jquery-1.5.1.min.js") %>" type="text/javascript"></script> 
<script src="<%: Url.Content("~/Scripts/jquery-ui-1.8.11.js") %>" type="text/javascript"></script> 

और एक कस्टम जावास्क्रिप्ट फ़ाइल है कि हमारे कोड में शामिल होंगे:: हम jQuery और jQuery ui शामिल

$(function() { 
    $('#new-value-link').click(function() { 
     var href = this.href; 
     $('#dialog').dialog({ 
      modal: true, 
      open: function (event, ui) { 
       $(this).load(href, function (result) { 
        $('#new-value-form').submit(function() { 
         $.ajax({ 
          url: this.action, 
          type: this.method, 
          data: $(this).serialize(), 
          success: function (json) { 
           $('#dialog').dialog('close'); 
           $('#NewValue').val(json.newValue); 
          } 
         }); 
         return false; 
        }); 
       }); 
      } 
     }); 
     return false; 
    }); 
}); 

Answer 2

$('#CheckGtd').click(function() { 
    if ($(this).is(":checked")) 
     $("#tbValuationDate").attr("disabled", false); 
    else 
     $("#tbValuationDate").attr("disabled", "disabled"); 
});