jquery.jeditable的改造

DataTables作为开源的jquery表格插件，对于编辑控件这块做的还远远不够，官方默认的Editor是收费的，而且功能也非常不齐全，并且这些可编辑插件都是实时在线编辑为主。不得已之下我对jeditable做了写扩展。

背景： Jeditable在线可编辑表单插件，即它是时时保存的，只要修改完就提交到服务器了。
但是很多基于表格式的数据新增、修改不需要时时保存，等数据都输入完成之后再统一提交到服务器进行保存。

jeditable的插件思路是，在控件处增加form标签，并嵌入input、select、textarea等控件，使用form提交的方式将数据提交到服务器。

源码修改，在322处，增加一个参数dataAction， 如果是local，则表示数据编辑好之后，提交到本地。
} else if(settings.dataAction == "local"){
    // 对控件做了扩展，增加了设置值和获取值
    setValue.apply(self, [input.val(), settings]);
    getValue.apply(self, [input.val(), settings]);
    self.editing = false;
    callback.apply(this, [this.innerHTML, settings])
    if (!$.trim($(this).html())) {
        $(this).html(settings.placeholder);
    }
} else {


扩展select控件，此控件是配合DataTables进行表格编辑的
select: {
    getValue: function(value, settings){
        var data = settings.data;
        $(this).html(data[value]);
    },
    setValue: function(value, settings){
        var oTable = settings.oTable;
        var colIdx = settings.colIdx;
        var rowIdx = settings.rowIdx;
        oTable._fnSetCellData(rowIdx, colIdx, value);
    },
    element : function(settings, original) {
        var select = $('<select />');
        $(this).append(select);
        return(select);
    },
    content : function(data, settings, original) {
        /* If it is string assume it is json. */
        if (String == data.constructor) {     
            eval ('var json = ' + data);
        } else {
        /* Otherwise assume it is a hash already. */
            var json = data;
        }
        for (var key in json) {
            if (!json.hasOwnProperty(key)) {
                continue;
            }
            if ('selected' == key) {
                continue;
            }
            var option = $('<option />').val(key).append(json[key]);
            $('select', this).append(option);   
        }                   
        /* Loop option again to set selected. IE needed this... */
        $('select', this).children().each(function() {
            if ($(this).val() == json['selected'] ||
                $(this).text() == $.trim(original.revert)) {
                    $(this).attr('selected', 'selected');
            }
        });
        /* Submit on change if no submit button defined. */
        if (!settings.submit) {
            var form = this;
            $('select', this).change(function() {
                form.submit();
            });
        }
    }
},