I'm Quite new to Telerik, kendo, and HTML(great start, I know), but I'm developing a WebApplication that will disply Oracle - queried data. I am able to bring in the data from a c# class which has the form List<class> where the class has a couple strings and decimals. My question is how can I initialize this list into the grid?, I'm assuming I need to use a script like this:
<script>
$(document).ready(function () {
$("#grid").kendoGrid({
height: 550,
groupable: true,
sortable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
dataSource: {
}
});
});
</script>
-------------------------------------------------------
This is now I initialized by table:
<table id="grid">
<colgroup>
<col />
<col />
<col style="width:110px" />
<col style="width:120px" />
<col style="width:130px" />
</colgroup>
<thead>
<tr>
<th data-field="make">Field a</th>
<th data-field="model">Field b</th>
<th data-field="year">Field c</th>
<th data-field="category">Field d</th>
<th data-field="airconditioner">Field e</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
------------------------------------------------------------
And i bring in my List<Class> like this:
@{
var info = new DB();
List<class> data = info.getdata(); //Where info.getdata() is a function of the DB that returns the list<class> of data
}
<script>
$(document).ready(function () {
$("#grid").kendoGrid({
height: 550,
groupable: true,
sortable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
dataSource: {
}
});
});
</script>
-------------------------------------------------------
This is now I initialized by table:
<table id="grid">
<colgroup>
<col />
<col />
<col style="width:110px" />
<col style="width:120px" />
<col style="width:130px" />
</colgroup>
<thead>
<tr>
<th data-field="make">Field a</th>
<th data-field="model">Field b</th>
<th data-field="year">Field c</th>
<th data-field="category">Field d</th>
<th data-field="airconditioner">Field e</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
------------------------------------------------------------
And i bring in my List<Class> like this:
@{
var info = new DB();
List<class> data = info.getdata(); //Where info.getdata() is a function of the DB that returns the list<class> of data
}