Kendo Grid with Checkbox

Kendo Grid memiliki kolom checkbox. Waktu di-submit, data yang di-check dikirim ke server.

[code language=”javascript”]

relatedManufacturer = $(".relatedManufacturer-tree").kendoGrid({
dataSource: manufacturers,
filterable: kendoGridFilterable,
columns: [
{ template: "<input type=’checkbox’ class=’checkbox’ #= (checked === true) ? ‘checked’ : ” # />", width: 50, filterable: false, sortable: false },
{ field: "Title", expandable: true, title: "Nama" },
],
height: 300
}).data(‘kendoGrid’);

$(‘#contact-form’).submit(function(e){
updateRelatedManufacturer();
});

function updateRelatedManufacturer() {
var row, dataItem, fileElement;

$(‘.relatedManufacturer-tree :checked’).each(function(){
row = $(this).closest(‘tr’);
dataItem = relatedManufacturer.dataItem(row);

fileElement = $(‘<input type="hidden" name="RelatedManufacturerId" value= ‘+ dataItem.Id + ‘>’);
$(‘#contact-form’).append(fileElement);
});
}

[/code]

Model yang dikirim ke server

[code language=”csharp”]
public class ContactCommitteeForm
{
public List<int> RelatedManufacturerId { get; set; } //menyimpan sekumpulan id manufacturer yang related
//..
}
[/code]

Chandra Oemaryadi has written 244 articles

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>