Input Edit in Row Detail

[Alantod17Participant]

I am willing to use row detail as a edit area for my data row.

How ever i am hiting a problem now is that the input filed in first expand row is locked up(I can not enter any number or english character but special characters such as + or – are still enterable) after sencod row expanded.

var initRowDetails = function (index, parentElement, gridElement, datarecord) {
                $(parentElement).append('<input>');
            }
            var jqxOption = {
                source: dataAdapter,
                showstatusbar: false,
                theme: 'office',
                altrows: true,
                width: '100%',
                autoheight: true,
                sortable: true,
                editable: true,
                selectionmode: 'singlerow',
                columns: columns,
                columnsresize: true,
                rowDetails: true,
                pageable: true,
                pagermode: 'simple',
                statusbarheight: 27,
                showaggregates: true,
                rowdetailstemplate: { rowdetails: "<div style='margin-top:10px; padding-right:20px;padding-left:20px; class='row'></div>", rowdetailsheight: 450 },
                initRowDetails: initRowDetails,
            };

any idea? please help

[DimitarParticipant]

Hello Alantod17,

This is a known issue. Here is a workaround for it:

var initRowDetails = function (index, parentElement, gridElement, datarecord) {
    var input = $('<input type="text" />');
    $(parentElement).find('div').append(input);
    input.keydown(function (event) {
        $("#jqxgrid").jqxGrid({ editable: false });
    });
    input.keyup(function (event) {
        $("#jqxgrid").jqxGrid({ editable: true });
    });
}

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts