How to use Kendo UI Web in ASP.NET MVC project with JSON

[Rasel]

Hello Dear,

I am so much happy to know Kendo UI web demo now open for all. So I want to use Kendo UI web in my project. At now I am using JQuery UI in my project. I am passing my all data by JSON. Other one is important my project is ASP.NET MVC 3 project. So last few days I am trying to pass JSON data to my project with Kendo UI Web. But I cannot do it easily. I think I am missing something.

Another one I do not want to use Kendo MVC DLL. Only I want to use Kendo UI Web Open source. I can use Kendo MVC DLL.  :)

So my target is use Kendo UI to ASP.NET MVC 3 project with JSON data. My Question is below:

1. Can I use Kendo UI Web with JSON data in ASP.NET MVC 3?
2. If Answer will be yes. Then how can I use it in ASP.NET MVC 3?
3. How do I pass JSON data?
4. Could you give me any project reference that type?
5. Could you give any example?

Please Help me…!

[Nohinn]

Hello Rasel.

1. Yes, you can use  Kendo UI Web with JSON data in MVC3
2. You just need to add the references to the scripts and stylesheets on your layout/master page, and from there with javascript you should create the instances of the controls (like any of the demos in the demos section of this page)
3. You can pass JSON data from your controllers returning a JsonResult:
   
   var dict = new Dictionary<string, object>();

   dict["Prop1"] = "Value1";

   dict["Prop2"] = "Value2";

    

   return new JsonResult() {Data = dict};
4. As for the project and examples, you can take a look at the code library: http://www.kendoui.com/code-library/web.aspx 
   There you can find some demo projects using MVC to learn how to use some features of the controls.