Zend Framework 中的 Datatables、jeditable 和 jquery timepicker，fnupdate 无法更新旧值

Question

我编写了一个将 timepicker 与 editable 集成的代码，该代码用于使除隐藏 id coulmn 和第一个显示的 coulmn editable 之外的所有 coulmn 。我无法让 fnupdate 使我编辑的内容在发布到服务器端时更新为新值。我能够获取服务器端处理的发布值，但客户端没有通过 fnupdate 进行更新。

请参阅下面的代码并尝试告诉我我做错了什么，因为我有很多页面的功能相同。

    $(document).ready(function() {

        oTable = $('#scheduleTable').dataTable(
        {
            "sDom"          : '<"top"flip>rt<"bottom"<"clear">',
            "bAutoWidth"    : false,
            "bProcessing"   : true,
            bJQueryUI:true,
            "bServerSide": true,
            "bFilter":false,
            "bSort": false,
            "bInfo": false,
            "bPaginate":false,
            "aoColumns":[
                {
                    "bVisible" : false
                },
                {
                },
                {},
                {},
                {},
                {}
            ],
            "fnRowCallback" : function (nRow, aData, iDisplayIndex) {
                $(nRow).attr('id', '' + aData[0]);
                //i starting from one to make the first element in td non editable
                for (i = 1; i < aData.length; i ++) {
                    $('td:eq(' + i + ') ', nRow).editable("<?= $aupdateUrl; ?>", {
                        'callback': function (sValue, y) {
                            var aPos = oTable.fnGetPosition(this);
                            oTable.fnUpdate(sValue, aPos[0], aPos[1]);

                        },
                        "submitdata": function ( value, settings ) {
                            return {
                                "row_id": this.parentNode.getAttribute('id'),
                                "column": oTable.fnGetPosition( this )[2]
                            };
                        },
                        'height': '14px',
                        indicator : 'Saving...',
                        tooltip : 'Doubleclick to edit...',
                        type       : "timepicker",
                        placeholder : '&nbsp;'
                    });
                }

                return nRow;
            },

            "sAjaxSource"   : "<?= $aSourceList; ?>/startdate/<?= $this->startdate; ?>"
        }
    );
    });
    $('.ui-datepicker-close').live('click', function (e){
        e.preventDefault();
        $('#scheduleTable tbody td input').parents("form").submit();
    });

$.editable.addInputType('timepicker',{
        /*create input element*/
        element:function(settings,orginal){
            var form = $(this),
            input = $('<input type="text">');
            form.append(input);
            return (input);
        },

        plugin:function(settings,original){

            /*Don't cancel inline editing onblur to allow clicking datepicker*/
            settings.onblur = 'nothing';
            $("input",this).filter(":text").timepicker(
            {   timeFormat: 'hh:mm',
                'hourMin':6,
                'hourMax':21,
                'showSecond': false,
                'hourGrid':2,
                'minuteGrid':10

            }
        );
        }
    });

Answer 1

我能够解决这个问题。我做错的主要事情是我没有 json 响应，只有来自服务器端 zend 框架操作的一个值。因此，它导致可编辑功能以一种无法运行的方式运行。不要将值（响应）作为新值放入 td 元素中。希望有人发现它有用和平！