Javascript 在剑道网格中，每个列的日期加上或减去一天的小部件

我想为我剑道网格的每一列创建一个小部件，它可以从该特定列的每个日期中增加或减少一天。这些是专栏

initGridReparti: function initGridReparti() {

    var gridColumns = [
    {
        field: "repartoDescr",
        title: "Reparto",
        width: 200
    },

    { 
        field: "dataAtt", 
        title: "Data Attivazione",
        format:"{0:dddd dd MMM yyyy}", 
        width:100
    },
    {
        field: "dataChimpdv",
        title: "Data Chiusura Impegni PDV",
        format:"{0:dddd dd MMM yyyy}", 
        width: 100
    },
    {
        field: "dataChimpsede",
        title: "Data Chiusura Impegni Sede",
        format:"{0:dddd dd MMM yyyy}", 
        width: 100
    },

    {
        field: 'statoPubblicazioneERP',
        title: 'Stato pubblicazione ERP',
        attributes: { 'class': 'align-center' },
        width: 100,
        template: function (dataItem) {
            //var sezioneDescr = _.get(_.find(this._filters.dataSources.sezioniVolantinoCurrentPromo, 'id', dataItem.sezioneId), 'descrizione', '');
            var statoPubblicazioneERPId = _.get(dataItem, 'statoPubblicazioneERP', 1);
            var statoPubblicazioneERPCode = commonLookupData.getItemCodeById(constants.commonLookupDataNames.statiPubblicazione, statoPubblicazioneERPId);
            var statoPubblicazioneERPDescr = commonLookupData.getItemDescrById(constants.commonLookupDataNames.statiPubblicazione, statoPubblicazioneERPId);

            return '' +
                '<span class="ff-item ajax-loading" data-id-reparto="' + dataItem.repartoId + '"><img src="img/ajaxLoading2.gif" /></span> ';
        }.bind(this),
    },
];

initGridReparti:函数initGridReparti（）{
var gridColumns=[
{
字段：“repartoDescr”，
标题：“Reparto”，
宽度：200
},
{ 
字段：“dataAtt”，
标题：“数据地址”，
格式：“{0:dddd-dd-MMM-yyyy}”，
宽度：100
},
{
字段：“dataChimpdv”，
标题：“Chiusura Impegni PDV数据”，
格式：“{0:dddd-dd-MMM-yyyy}”，
宽度：100
},
{
字段：“dataChimpsede”，
标题：“Chiusura Impegni Sede数据”，
格式：“{0:dddd-dd-MMM-yyyy}”，
宽度：100
},
{
字段：“Statopubblicazionerp”，
标题：“Stato pubblicazione ERP”，
属性：{'class'：'align center'}，
宽度：100，
模板：函数（数据项）{
//var sezionedscr=zione.get（zione.find（this._filters.dataSources.sezionivolanticurrentpromo，'id'，dataItem.sezioneId），'descrizione'，''；
var statoPubblicazioneERPId=u2;.get（数据项'statoPubblicazioneERP'，1）；
var statoPubblicazioneERPCode=commonlookupdatea.getItemCodeById（constants.commonlookUpdateNames.statiPubblicazione，statoPubblicazioneERPId）；
var statoPubblicazioneERPDescr=commonlookupdatea.getItemDescrById（constants.commonlookUpdateNames.statiPubblicazione，statoPubblicazioneERPId）；
返回“”+
' ';
}.绑定（此），
},
];

我想在每一列下面添加这些小部件。

---

你能帮我理解我该怎么做吗？

这是我的想法。你需要使用页脚模板（）。在这个模板中，假设你有两个按钮。你可以使用你想要的任何东西，并按照你想要的方式设置样式。这里重要的是事件

<button class="subtract-btn" data-column-id="Column1">&minus;</button>
<button class="add-btn" data-column-id="Column1">&plus;</button>

&减号；
&加；

现在设置一些JQuery来处理这样的事件。当然，这假设您尝试更改的日期绑定到列。在这种情况下，该日期称为Column1

$(document).ready(function () {
    $('#grid').on('click', '.subtract-btn', subtractDate);
    $('#grid').on('click', '.add-btn', addDate);
});

function subtractDate(e) {
    var columnId = $(this).data('columnId');
    var data = $('#grid').data('kendoGrid').dataSource.data();
    var dataLen = data.length;
    var item, columnValue;

    for (var i = 0; i < dataLen; i++) {
        item = data[i];
        columnValue = item[columnId];
        columnValue.setDate(columnValue.getDate() - 1); //I prefer to use momentjs
        item.set(columnId, columnValue); //Forces UI update
    }
}

function addDate(e) {
    var columnId = $(this).data('columnId');
    var data = $('#grid').data('kendoGrid').dataSource.data();
    var dataLen = data.length;
    var item, columnValue;

    for (var i = 0; i < dataLen; i++) {
        item = data[i];
        columnValue = item[columnId];
        columnValue.setDate(columnValue.getDate() + 1); //I prefer to use momentjs
        item.set(columnId, columnValue); //Forces UI update
    }
}

$（文档）.ready（函数（）{
$（“#网格”）。在（'单击'，'减去btn'，减去日期）；
$（“#网格”）。在（'单击'，'添加btn'，添加日期）上；
});
函数日期（e）{
var columnId=$（this.data（'columnId'）；
var data=$（'#grid'）.data（'kendoGrid'）.dataSource.data（）；
var dataLen=data.length；
var项目，列值；
对于（变量i=0；i

这是我的想法。你需要使用页脚模板（）。在这个模板中，假设你有两个按钮。你可以使用任何你想要的东西，并按照你想要的方式进行样式设置。这里重要的是事件

<button class="subtract-btn" data-column-id="Column1">&minus;</button>
<button class="add-btn" data-column-id="Column1">&plus;</button>

&减号；
&加；

现在设置一些JQuery来处理这样的事件。当然，这假设您尝试更改的日期绑定到列。在这种情况下，该日期称为Column1

$(document).ready(function () {
    $('#grid').on('click', '.subtract-btn', subtractDate);
    $('#grid').on('click', '.add-btn', addDate);
});

function subtractDate(e) {
    var columnId = $(this).data('columnId');
    var data = $('#grid').data('kendoGrid').dataSource.data();
    var dataLen = data.length;
    var item, columnValue;

    for (var i = 0; i < dataLen; i++) {
        item = data[i];
        columnValue = item[columnId];
        columnValue.setDate(columnValue.getDate() - 1); //I prefer to use momentjs
        item.set(columnId, columnValue); //Forces UI update
    }
}

function addDate(e) {
    var columnId = $(this).data('columnId');
    var data = $('#grid').data('kendoGrid').dataSource.data();
    var dataLen = data.length;
    var item, columnValue;

    for (var i = 0; i < dataLen; i++) {
        item = data[i];
        columnValue = item[columnId];
        columnValue.setDate(columnValue.getDate() + 1); //I prefer to use momentjs
        item.set(columnId, columnValue); //Forces UI update
    }
}

$（文档）.ready（函数（）{
$（“#网格”）。在（'单击'，'减去btn'，减去日期）；
$（“#网格”）。在（'单击'，'添加btn'，添加日期）上；
});
函数日期（e）{
var columnId=$（this.data（'columnId'）；
var data=$（'#grid'）.data（'kendoGrid'）.dataSource.data（）；
var dataLen=data.length；
var项目，列值；
对于（变量i=0；i