Category: ASP.Net MVC

28 Jun 2016 10:38

Joined:	25/09/2006
Level:	Gold
Points:	477

Points:	5

Bind webgrid with webapi json

how to bind data to webgrid
thanks

<script>
$(document).ready(
function () {
var id = "4";
debugger;
$.ajax({

url: 'http://localhost:17026/api/Hotelcheck?rating' + id,
type: 'GET',
dataType: "json",
success: function (data) {

$.each(data, function (i, v) {
$('#result').html($('#result').html() + v.HotelCode + '<br />');
});
// debugger;

var datavalue = data;
var myJsonObject = datavalue;

var CarModel = myJsonObject[0].HotelCode;
var CarName = myJsonObject[0].HotelsName;
var CarColor = myJsonObject[0].Location;

// alert(t + t1);
},
error: function (msg) { alert(msg); }
});
});
</script>

#766928

29 Jun 2016 03:28

Joined:	15/12/2015
Level:	Gold
Points:	1308

Points:	4

Hi,
According to your code you are performing initial data load via ajax but you can't do that because webgrid is not designed for that. Alternatively you can pass the initial data via a model and then do updates over ajax,

You can find the sample code which demonstrates how to bind igGrid to WebAPI where Grid requests the data in JSON format using an Ajax call over here:
http://www.igniteui.com/grid/bind-web-api

Also find sample over here:
http://www.c-sharpcorner.com/UploadFile/cd7c2e/show-data-in-grid-format-using-angularjs-and-web-api/

Or you can use PartialView to bind Data to Web grid

#766929

29 Jun 2016 03:41

Joined:	05/06/2009
Level:	Gold
Points:	10245

Points:	4

You can make simple HTTP call to your web api. You can get generic collection list from the web api. Once you get the data you can assign the data souce into your grid view and do the data binding. Following is the sample http call to get the data from the web API. In the following code. You can send you input based on your requirement. In your case you should send the JSON string. If you want you can get the JSON/Generic collection.


using (var Myclient = new HttpClient())
{
    Myclient.BaseAddress = new Uri("http://localhost/AppName/");
    Myclient.DefaultRequestHeaders.Accept.Clear();
    Myclient.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
    HttpResponseMessage Myresponse = await client.GetAsync("webapi/Items");
    if (Myresponse.IsSuccessStatusCode)
    {
        List<Item> MyItem = await response.Content.ReadAsAsync>List<Item>>();
        // Assign the data source in to your grid view.
    }
}

By Nathan
Direction is important than speed

Bind webgrid with webapi json

About dotnetspider.com

Quick Links

General

Services