Question

我正在使用带有jeditable插件的数据表，我将其设置为直接更新到mysql，我需要验证一些输入字段以确保插入URL。我有这个代码验证可编辑字段（请参阅jsfiddle）我需要一些帮助来将jsfiddle与表初始化代码集成。我可以添加onsubmit没问题，但不知道如何将此部分添加到我的.makeEditable函数中，任何帮助都表示赞赏。

$('#url').editable(function(valurl) {
    // Do your own stuff here...
    return valurl;
},

http://jsfiddle.net/peter/CLuvp/

我的数据表初始化为

var oTable3;
$(document).ready(function() {
            oTable3 = $('#table3').dataTable( {
        "sDom":'t<"bottom"ifpl><"clear">',
        "bAutoWidth": false,
        "sPaginationType": "full_numbers",
            "aoColumns": [ 
            { "bSortable": false},
            null,
            null,
            null,
            null
            ]

    } 
    ).makeEditable({
        sUpdateURL: "<?=$this->siteUrl()?>profiles/updatevalue",
        "aoColumns": [null,
                    null,
                    {
                        type: 'text',
                        submit:'Ok',
                        cancel:'Cancel',
                        width: "100px"

                    }

Answer 1

我认为你可以简单地在aoColumns选项中包含每列的选项，例如：

.makeEditable({
    sUpdateURL: "<?=$this->siteUrl()?>profiles/updatevalue",
    "aoColumns": [null, null,
    {
        submit: 'Save',
        width: 200,
        placeholder: 'Enter URL...',
        onblur: 'submit',
        onsubmit: function() {...}
    }]
});

更清洁的方式（或上述方法根本不起作用）将使用该列中的url规则：

.makeEditable({
    sUpdateURL: "<?=$this->siteUrl()?>profiles/updatevalue",
    "aoColumns": [null, null,
    {
        submit: 'Save',
        width: 200,
        placeholder: 'Enter URL...',
        onblur: 'submit',
        cssclass: 'url'
    }]
});

有关详细信息，请参阅this demo。

datatables jeditable验证输入url如何组合这段代码？

1 个答案: