Datatables с Jeditable, как мне изначально настроить режим редактирования? (или всегда находиться в режиме редактирования) - PullRequest
1 голос
/ 05 декабря 2011

Возможно ли, чтобы поле Jeditable начиналось в режиме редактирования при использовании плагина datatables?

На веб-сайте Jeditable указано решение (без использования Datatables):

Вы можете вызватьиспользуется событие, когда ваш документ загружается.Например:

$(function() {
$("#editable").trigger("click");

Как получить к нему доступ в таблицах данных, вот мой код:

    var oTable;
    $(function () {
        oTable = $('#calendarTable').dataTable({
            "bPaginate": false,
            "bSort": false,
            "bFilter": false,
            "bInfo": false,
            "aoColumns": [
                null,
                null,
                null,
                null,
                { "bVisible": false },
                { "bVisible": false },
                { "bVisible": false },
                { "bVisible": false },
                { "bVisible": false },
                { "bVisible": false },
                { "bVisible": false },
                { "bVisible": false },
                { "bVisible": false },
                { "bVisible": true }
            ]

        });

        //$("#editable").trigger("click");
        // oTable.fnGetNodes()).editable.trigger("click");

        oTable.editable("disable");

        var year;
        var lobid;
        var officeid;

        year = $('#hv_year').val();
        lobid = $('#hv_lob').val();
        officeid = $('#hv_office').val();

        var url;
        url = "save.asp";
        url = url + "?year=" + year;
        url = url + "&lobid=" + lobid;
        url = url + "&officeid=" + officeid;


        /* Apply the jEditable handlers to the table */
        $('td:eq(4)', oTable.fnGetNodes()).editable(url, {
            "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]
                };
            },
            tooltip: 'Click to Edit',
            height: "40px",
            type: 'textarea',
            onblur: 'ignore',
            cancel: 'Cancel',
            submit: 'Save',
            indicator: '<img src="images/loader.gif">'

        });

1 Ответ

1 голос
/ 06 декабря 2011

Я думаю, что вы можете просто цеплять клик:

   $('td:eq(4)', oTable.fnGetNodes()).editable(url, {
        "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]
            };
        },
        tooltip: 'Click to Edit',
        height: "40px",
        type: 'textarea',
        onblur: 'ignore',
        cancel: 'Cancel',
        submit: 'Save',
        indicator: '<img src="images/loader.gif">'

    }).trigger("click");
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...