मास्टर-विवरण देखें एएसपी.नेट एमवीसी

Question

मैं एमवीसी के लिए नया हूं और मैं एएसपी.नेट एमवीसी 1.0 के साथ विकसित एक परियोजना में शामिल हूं। मैं जावास्क्रिप्ट में भी कमजोर हूं :-(

मैं यह दिखाने का प्रयास कर रहा हूं कि नॉर्थविंड डेटाबेस से 'ऑर्डर' & 'ऑर्डर विवरण' टेबल पर मास्टर-विवरण देखें। (इसलिए: तालिकाओं का संबंध है, यानी , ऑर्डर में एकाधिक ऑर्डर विवरण हो सकते हैं)

मैंने दो नियंत्रण बनाए (ऑर्डर के लिए पहला, ऑर्डर डिस्प्ले के लिए दूसरा)। मैंने ऑर्डर तालिका से सभी ऑर्डर को सूची दृश्य में प्रदर्शित किया। एक बार जब मैं ऑर्डर में से किसी एक पर क्लिक करता हूं मुझे उस आदेश के विवरण दृश्य में।

मैं क्या करना चाहता हूं (असफल) आदेश के विवरण दृश्य के नीचे एक उप दृश्य बनाना है जिसमें ऑर्डर के सभी ऑर्डर विवरण हैं क्रम में

मैं मास्टर व्यू के चयनों के आधार पर उप दृश्य की सामग्री को भी बदलना चाहता हूं। मैं AJAX & JSON का उपयोग कर गतिशील है कि बदलने के बारे में एक बहुत कुछ पढ़ा है, लेकिन मैं यह भी नहीं कर पायी: '(

किसी को भी है कि करने में मदद और मैं इसे कैसे लागू कर सकते हैं की तकनीक & कोड के साथ मुझे प्रदान कर सकते हैं

Answer 1

?

आप अपने Orders\List.aspx ध्यान में रखते हुए MVC और jQuery के साथ काफी आसानी से कर सकते

पहले:।

<script> 
    // once the page has loaded 
    $(function() { 
     // set up your click event to load data 
     $('.list-item').click(function() { 
      // ajax load the content returned by the detail action 
      $('#detail').load('<%= Url.Action("Detail") %>', { id: this.id }); 
     }); 
    }); 
</script> 

<style> .list-item { cursor: pointer; } </style> 

<% // loop through the orders in your model and show them 
// as each div has the class list-item it will be give the click event 
foreach(var order in Model) { %> 
    <div id="<%= order.Id %>" class="list-item"><%= order.Name %></div> 
<% } %> 

<%-- the panel that the ajaxed content will be loaded into --%> 
<div id="detail"></div> 

अपने Orders\Detail.ascx आंशिक दृश्य में

तब:

Id: <%= Model.Id %><br /> 
Name: <%= Model.Name %><br /> 
Description: <%= Model.Description %><br /> 
etc