2012-06-04 2 views
0

저는 MVC와 jQuery 및 jqPlot을 처음 사용합니다.jqPlot asp.net MVC, JSON을 사용하는 차트

누구나 데모 프로젝트를 찾거나 단계별 절차를 통해 예제를 얻을 수 있습니다.

내가해야 할 것은 : 볼 수있는 JSON을 반환하는 방법을

  • .
  • 보기를 추가하는 동안 부분보기 또는 일반보기 여야합니까?
  • jQuery를 사용하여 JSON을 뷰에서 가져 오는 방법.
  • jqPlot에서 JSON 객체를 전달하는 방법은 무엇입니까?

미리 감사.

============================================== =

아래 코드로 시도하면 항상 로 이동합니다. 오류 부분은 이유가 무엇인지 설명 할 수 있습니까?

<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../Scripts/excanvas.js"></script><![endif]--> 
     <script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script> 
     <script type="text/javascript" language="javascript" > 
      $(document).ready(function() { 
       $("#btnClick").click(function() { 
        alert('Inside Click Function'); 
        $.ajax(
         type: 'GET', 
         url: "JSONSample.aspx/GetItSerialized", 
         processData: true, 
         data: {}, 
         contentType: "application/json; charset=utf-8", 
         dataType: "json", 
         success: function (data) { 
          $.each(data.d, function (index, item) { 
           alert('Inside Success'); 
          }); 
          //alert('Inside Success'); 
          //processData(data); 
         }, 
         error: function(jqXHR, textStatus, errorThrown) {alert('Error');} 

        }); 

        function processData(data) { 
         alert('test'); 
        } 
       }); 
      }); 
     </script> 


    <body> 
     <form id="form1" runat="server"> 
     <div> 
     <input id="btnClick" runat="server" value="Click here" type="button" /> 
     </div> 
     </form> 
    </body> 

public string GetItSerialized() 
     { 
      Employee oEmployee1 = new Employee { Name = "ABC", ID = "111", Age = "30" }; 
      Employee oEmployee2 = new Employee { Name = "FDF", ID = "rtrt", Age = "31" }; 
      Employee oEmployee3 = new Employee { Name = "dfdf", ID = "fdfd", Age = "20" }; 

      List<Employee> listEmp = new List<Employee> 
      { 
       oEmployee1, 
       oEmployee2, 
       oEmployee3 
      }; 

      string str = (new JavaScriptSerializer().Serialize(listEmp)); 

      return str; 
     } 

    } 

    public class Employee 
    { 
     public string Name { get; set; } 
     public string Age { get; set; } 
     public string ID { get; set; } 
    } 

답변

4

음, 먼저 제공 한 모든 코드는 ASP.NET WebForms 샘플입니다.
jqPlot을 MVC와 함께 사용하는 방법에 대한 자습서 : here 또는 here.
는 질문의 나머지 부분에 대답하려면 :

  1. 어떻게보기에 JSON을 반환?
    답변 번호를 참조하십시오.

  2. 4보기를 추가하는 동안 -이 부분보기 또는 일반보기해야 하는가?
    정말 무엇을 성취하려고하는지에 달려 있습니다. 위젯과 같은 것을 만들고 싶다면 부분 뷰를 사용하십시오.

  3. 어떻게 jQuery를 사용하여보기에서 JSON을 얻으려면?
    나는 무엇을 의미하는지 정말로 모르겠다.

  4. JSON 객체를 jqPlot에 전달하는 방법은 무엇입니까?
    json 객체를 반환하는 컨트롤러 동작을 호출합니다. 이 tutorial
으로이 Example에 따라