Gridview 版块栏

Gridview 版块栏,gridview,grid,kendo-ui,blocking,Gridview,Grid,Kendo Ui,Blocking,我的屏幕是访问控制,所以我在数据库(SQL Server)中有一个关于访问时间的先前记录,这些时间称为步骤 在这个屏幕中,我遇到了问题,有一个表格可以登记轮班(允许登录系统的天数) 在这个表单中,我有字段:我在哪里设置名称、描述和步骤,设置后,我单击add按钮将数据发送到网格端 在这个网格中,我添加了步骤的名称、星期几和要删除的按钮 我的问题是,我的复选框应该是可编辑的,但我的步骤名称不是 遵循我的网格的códiogo: $("#myGrid").kendoGrid({ columns: [

我的屏幕是访问控制,所以我在数据库(SQL Server)中有一个关于访问时间的先前记录,这些时间称为步骤

在这个屏幕中,我遇到了问题,有一个表格可以登记轮班(允许登录系统的天数)

在这个表单中,我有字段:我在哪里设置名称、描述和步骤,设置后,我单击add按钮将数据发送到网格端

在这个网格中,我添加了步骤的名称、星期几和要删除的按钮

我的问题是,我的复选框应该是可编辑的,但我的步骤名称不是

遵循我的网格的códiogo:

$("#myGrid").kendoGrid({
columns: [
     { field: "Etapa", title: dialetos.lblEtapa, attributes: { style: "text-align: left" }, width: 130, visible: true },
     { field: "Domingo", title: dialetos.lblDomingo, template: "<input id='checkbox' #= Domingo ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 85 },
     { field: "Segunda", title: dialetos.lblSegunda, template: "<input id='checkbox' #= Segunda ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
     { field: "Terca", title: dialetos.lblTerca, template: "<input id='checkbox' #= Terca ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 75 },
     { field: "Quarta", title: dialetos.lblQuarta, template: "<input id='checkbox' #= Quarta ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
     { field: "Quinta", title: dialetos.lblQuinta, template: "<input id='checkbox' #= Quinta ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
     { field: "Sexta", title: dialetos.lblSexta, template: "<input id='checkbox' #= Sexta ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 75 },
     { field: "Sabado", title: dialetos.lblSabado, template: "<input id='checkbox' #= Sabado ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
     { title: "Remover", template: "<span class='k-button' id='btnRemover' onClick='RemoveRowSelecionada()' >Remover</span> ", attributes: { style: "text-align: left" }, width: 85 }
],
groupable: false,
sortable: true,
editable: true,
filterable: true,
pageable: true,
selectable: "row",
height: 180,
dataSource: vmObjeto.dias,
batch: true,        
change: function (e) {

    },
  }).data("kendoGrid");
$(“#我的网格”).kendoGrid({
栏目:[
{字段:“Etapa”,标题:dialetos.lblEtapa,属性:{style:“text align:left”},宽度:130,可见:true},
{字段:“Domingo”,标题:dialetos.lblDomingo,模板:,,属性:{样式:“文本对齐:左”},宽度:80},
{字段:“Terca”,标题:dialetos.lblTerca,模板:,属性:{style:“text align:left”},宽度:80},
{字段:“Quinta”,标题:dialetos.lblQuinta,模板:,,属性:{样式:“文本对齐:左”},宽度:75},
{字段:“Sabado”,标题:dialetos.lblSabado,模板:“您可以:

或者,您可以将网格列中的设置为不可编辑的元素,例如,如下所示(在这种情况下,模型列是可编辑的,但用户无法手动编辑):


对我有效的答案是:

$(function () {
  $('#myGrid').on('click', '#chkDomingo', (function () {
  var checked = $(this).is(':checked');
  var grid = $('#myGrid').data().kendoGrid;
  var dataItem = grid.dataItem($(this).closest('tr'));
  dataItem.set('Domingo', checked);
}));

$('#myGrid').on('click', '#chkSegunda', (function () {
  var checked = $(this).is(':checked');
  var grid = $('#myGrid').data().kendoGrid;
  var dataItem = grid.dataItem($(this).closest('tr'));
  dataItem.set('Segunda', checked);
 }));

$('#myGrid').on('click', '#chkTerca', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Terca', checked);
}));

$('#myGrid').on('click', '#chkQuarta', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Quarta', checked);
}));

$('#myGrid').on('click', '#chkQuinta', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Quinta', checked);
}));

$('#myGrid').on('click', '#chkSexta', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Sexta', checked);
}));

$('#myGrid').on('click', '#chkSabado', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Sabado', checked);
}));
});

$("#myGrid").kendoGrid({
columns: [
 { field: "Etapa", title: dialetos.lblEtapa, attributes: { style: "text-align: left" },      width: 130, visible: true },
 { field: "Domingo", title: dialetos.lblDomingo, template: "<input id='checkbox' #= Domingo ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 85 },
 { field: "Segunda", title: dialetos.lblSegunda, template: "<input id='checkbox' #= Segunda ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
 { field: "Terca", title: dialetos.lblTerca, template: "<input id='checkbox' #= Terca ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 75 },
 { field: "Quarta", title: dialetos.lblQuarta, template: "<input id='checkbox' #= Quarta ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
 { field: "Quinta", title: dialetos.lblQuinta, template: "<input id='checkbox' #= Quinta ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
 { field: "Sexta", title: dialetos.lblSexta, template: "<input id='checkbox' #= Sexta ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 75 },
 { field: "Sabado", title: dialetos.lblSabado, template: "<input id='checkbox' #= Sabado ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
 { title: "Remover", template: "<span class='k-button' id='btnRemover' onClick='RemoveRowSelecionada()' >Remover</span> ", attributes: { style: "text-align: left" }, width: 85 }
],
 groupable: false,
 sortable: true,
 editable: true,
 filterable: true,
 pageable: true,
 selectable: "row",
 height: 180,
 dataSource: vmObjeto.dias,
 batch: true,        
 change: function (e) {},
  }).data("kendoGrid");
$(函数(){
$(“#myGrid”)。在('click'、'#chkDomingo'、(函数(){
var checked=$(this).is(':checked');
var grid=$('#myGrid').data().kendoGrid;
var-dataItem=grid.dataItem($(this.closest('tr'));
dataItem.set('Domingo',选中);
}));
$(“#myGrid”)。在('click','#chkSegunda',(函数(){
var checked=$(this).is(':checked');
var grid=$('#myGrid').data().kendoGrid;
var-dataItem=grid.dataItem($(this.closest('tr'));
dataItem.set('Segunda',选中);
}));
$('#myGrid')。在('click','#chkTerca',(函数(){
var checked=$(this).is(':checked');
var grid=$('#myGrid').data().kendoGrid;
var-dataItem=grid.dataItem($(this.closest('tr'));
dataItem.set('Terca',选中);
}));
$(“#myGrid”)。在('click'、'#chkQuarta'、(函数(){
var checked=$(this).is(':checked');
var grid=$('#myGrid').data().kendoGrid;
var-dataItem=grid.dataItem($(this.closest('tr'));
数据项集('Quarta',选中);
}));
$(“#myGrid”)。在('click','#chkQuinta',(函数(){
var checked=$(this).is(':checked');
var grid=$('#myGrid').data().kendoGrid;
var-dataItem=grid.dataItem($(this.closest('tr'));
dataItem.set('Quinta',选中);
}));
$('#myGrid')。在('click','#chkSexta',(函数(){
var checked=$(this).is(':checked');
var grid=$('#myGrid').data().kendoGrid;
var-dataItem=grid.dataItem($(this.closest('tr'));
dataItem.set('Sexta',选中);
}));
$('#myGrid')。在('click','#chkSabado',(函数(){
var checked=$(this).is(':checked');
var grid=$('#myGrid').data().kendoGrid;
var-dataItem=grid.dataItem($(this.closest('tr'));
dataItem.set('Sabado',选中);
}));
});
$(“#我的网格”).kendoGrid({
栏目:[
{字段:“Etapa”,标题:dialetos.lblEtapa,属性:{style:“text align:left”},宽度:130,可见:true},
{字段:“Domingo”,标题:dialetos.lblDomingo,模板:,,属性:{样式:“文本对齐:左”},宽度:80},
{字段:“Terca”,标题:dialetos.lblTerca,模板:,属性:{style:“text align:left”},宽度:80},
{字段:“Quinta”,标题:dialetos.lblQuinta,模板:,,属性:{样式:“文本对齐:左”},宽度:75},

{field:“Sabado”,标题:dialetos.lblSabado,模板:“感谢您回答我,Lars,这两个示例部分解决了我的问题。我可以编辑,但不能保存在数据库中。我如何阻止这些尝试编辑?@Isabela我不理解问题-您正在尝试做什么,哪些不起作用?请尝试更详细地解释(编辑问题)。还要添加数据源定义。
{
    field: "Etapa",
    editor: function(container, options) { container.text(options.field) }
    title: dialetos.lblEtapa,
    attributes: {
        style: "text-align: left"
    },
    width: 130,
    visible: true
}
$(function () {
  $('#myGrid').on('click', '#chkDomingo', (function () {
  var checked = $(this).is(':checked');
  var grid = $('#myGrid').data().kendoGrid;
  var dataItem = grid.dataItem($(this).closest('tr'));
  dataItem.set('Domingo', checked);
}));

$('#myGrid').on('click', '#chkSegunda', (function () {
  var checked = $(this).is(':checked');
  var grid = $('#myGrid').data().kendoGrid;
  var dataItem = grid.dataItem($(this).closest('tr'));
  dataItem.set('Segunda', checked);
 }));

$('#myGrid').on('click', '#chkTerca', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Terca', checked);
}));

$('#myGrid').on('click', '#chkQuarta', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Quarta', checked);
}));

$('#myGrid').on('click', '#chkQuinta', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Quinta', checked);
}));

$('#myGrid').on('click', '#chkSexta', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Sexta', checked);
}));

$('#myGrid').on('click', '#chkSabado', (function () {
var checked = $(this).is(':checked');
var grid = $('#myGrid').data().kendoGrid;
var dataItem = grid.dataItem($(this).closest('tr'));
dataItem.set('Sabado', checked);
}));
});

$("#myGrid").kendoGrid({
columns: [
 { field: "Etapa", title: dialetos.lblEtapa, attributes: { style: "text-align: left" },      width: 130, visible: true },
 { field: "Domingo", title: dialetos.lblDomingo, template: "<input id='checkbox' #= Domingo ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 85 },
 { field: "Segunda", title: dialetos.lblSegunda, template: "<input id='checkbox' #= Segunda ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
 { field: "Terca", title: dialetos.lblTerca, template: "<input id='checkbox' #= Terca ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 75 },
 { field: "Quarta", title: dialetos.lblQuarta, template: "<input id='checkbox' #= Quarta ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
 { field: "Quinta", title: dialetos.lblQuinta, template: "<input id='checkbox' #= Quinta ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
 { field: "Sexta", title: dialetos.lblSexta, template: "<input id='checkbox' #= Sexta ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 75 },
 { field: "Sabado", title: dialetos.lblSabado, template: "<input id='checkbox' #= Sabado ? checked='checked' : '' # type='checkbox' class='checkbox' ' />", attributes: { style: "text-align: left" }, width: 80 },
 { title: "Remover", template: "<span class='k-button' id='btnRemover' onClick='RemoveRowSelecionada()' >Remover</span> ", attributes: { style: "text-align: left" }, width: 85 }
],
 groupable: false,
 sortable: true,
 editable: true,
 filterable: true,
 pageable: true,
 selectable: "row",
 height: 180,
 dataSource: vmObjeto.dias,
 batch: true,        
 change: function (e) {},
  }).data("kendoGrid");