I want to put functionality like when Checkbox is checked and textbox field become readonly. Please give me solution for this.
function plan_min_unlimited(container, options)
{
$('<input type="checkbox" name="' + options.field + '" onclick="chkclickmin(this.value)"/>').appendTo(container)
}
function chkclickmin(val){
alert(val);
alert($('#grid').data('kendoGrid').tbody.select("plan_minutes"));
$('#grid').data('kendoGrid').tbody.find("plan_minutes"). Editable(false);
}
$("#grid").kendoGrid({
dataSource: dataSource,
pageable: true,
height:"583px",
toolbar: [{name:"create",text:"Add new Plan"}],
columns: [
{field:"plan_min_chk",title:"<strong>UnlimitedPlan</strong>",hidden:true,editor: plan_min_unlimited},
{field:"plan_minutes", title:"<strong>Plan Minutes</strong>",width:"100px"},
{command: ["edit", "destroy"], title: " ", width: "210px",title:"<strong>Action</strong>" }],
groupable:true,
editable: {
mode: "popup",
destroy: true,
confirmation: "Are you sure you want to remove this test member?"
}
function plan_min_unlimited(container, options)
{
$('<input type="checkbox" name="' + options.field + '" onclick="chkclickmin(this.value)"/>').appendTo(container)
}
function chkclickmin(val){
alert(val);
alert($('#grid').data('kendoGrid').tbody.select("plan_minutes"));
$('#grid').data('kendoGrid').tbody.find("plan_minutes"). Editable(false);
}
$("#grid").kendoGrid({
dataSource: dataSource,
pageable: true,
height:"583px",
toolbar: [{name:"create",text:"Add new Plan"}],
columns: [
{field:"plan_min_chk",title:"<strong>UnlimitedPlan</strong>",hidden:true,editor: plan_min_unlimited},
{field:"plan_minutes", title:"<strong>Plan Minutes</strong>",width:"100px"},
{command: ["edit", "destroy"], title: " ", width: "210px",title:"<strong>Action</strong>" }],
groupable:true,
editable: {
mode: "popup",
destroy: true,
confirmation: "Are you sure you want to remove this test member?"
}