it-swarm.com.ru

Как получить значение ячейки jqGrid при редактировании

Как получить значение ячейки jqGrid при оперативном редактировании (getcell и getRowData возвращают содержимое ячейки, а не действительное значение элемента input).

31
raouf

Общая функция для получения значения ячейки с заданным идентификатором строки и идентификатором ячейки

Создайте в вашем JS-код функции:

function getCellValue(rowId, cellId) {
    var cell = jQuery('#' + rowId + '_' + cellId);        
    var val = cell.val();
    return val;
}

Пример использования:

var clientId = getCellValue(15, 'clientId');

Хитроумно, но работает.

17
Pawel

Вот пример базового решения с пользовательской функцией.

    ondblClickRow: function(rowid) {
        var cont = $('#grid').getCell(rowid, 'MyCol');
        var val = getCellValue(cont);
    }

...

function getCellValue(content) {
    var k1 = content.indexOf(' value=', 0);
    var k2 = content.indexOf(' name=', k1);
    var val = '';
    if (k1 > 0) {
        val = content.substr(k1 + 7, k2 - k1 - 6);
    }
    return val;
}
15
raouf

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

$('#yourgrid').jqGrid("editCell", 0, 0, false);

Это сохранит все текущие изменения и не сработает, если в сетке нет строк.

6
Aidan

Попробуйте это, это даст вам конкретное значение столбца

onSelectRow: function(id) {
    var rowData = jQuery(this).getRowData(id); 
    var temp= rowData['name'];//replace name with you column
    alert(temp);
}
4
abi1964

Как вы сказали, согласно документации jqGrid для getCell и getRowData:

Не используйте этот метод при редактировании строки или ячейки. Это вернет содержимое ячейки, а не фактическое значение элемента ввода

Поскольку ни один из этих методов не вернет ваши данные напрямую, вам придется использовать их для возврата самого содержимого ячейки, а затем проанализировать его, возможно, с помощью jQuery. Было бы хорошо, если бы будущая версия jqGrid могла бы обеспечить средства для некоторой части этого анализа и/или предоставить API, чтобы сделать его более простым. Но с другой стороны, действительно ли это тот случай использования, который встречается так часто?

Кроме того, если вы можете объяснить свою исходную проблему более подробно, могут быть другие варианты.

4
Justin Ethier

Привет, я тоже столкнулся с этой проблемой. Наконец я решил эту проблему с помощью jQuery. Но ответ связан с самой сеткой, а не с обычной. Надеюсь, поможет.

Мое решение, как это:

var userIDContent = $("#grid").getCell(id,"userID");  // Use getCell to get the content
//alert("userID:" +userID);  // you can see the content here.

//Use jQuery to create this element and then get the required value.
var userID = $(userIDContent).val();  // var userID = $(userIDContent).attr('attrName');
2
LLQ

По сути, вы должны сохранить строку, прежде чем получить доступ к содержимому ячейки.

Если вы это сделаете, то получите значение для ячейки вместо разметки, которая появляется, когда ячейка находится в режиме редактирования.

jQuery.each(selectedRows, function(index, foodId) {
            // save the row on the grid in 'client array', I.E. without a server post
            $("#favoritesTable").saveRow(foodId, false, 'clientArray'); 

            // longhand, get grid row based on the id
            var gridRow = $("#favoritesTable").getRowData(foodId);

            // reference the value from the editable cell
            foodData += foodId + ":" + gridRow['ServingsConsumed'] + ',';
        });
2
David C

Вы можете получить это следующим образом ... !!

var rowId =$("#list").jqGrid('getGridParam','selrow');  
var rowData = jQuery("#list").getRowData(rowId);
var colData = rowData['UserId'];   // perticuler Column name of jqgrid that you want to access
1
Mitul Maheshwari

его очень простой код записи в вашей grid.php и передать значение в другой page.php
Таким образом, вы можете получить другие ячейки столбца vaue

но любой может сделать как window.open (путь для передачи значения ....) в коробке фантазии или коробке?

$custom = <<<CUSTOM
jQuery("#getselected").click(function(){

    var selr = jQuery('#grid').jqGrid('getGridParam','selrow'); 
    var kelr = jQuery('#grid').jqGrid('getCell', selr, 'stu_regno');
    var belr = jQuery('#grid').jqGrid('getCell', selr, 'stu_school');
    if(selr) 

     window.open('editcustomer.php?id='+(selr), '_Self');


    else alert("No selected row");
    return false;
});

CUSTOM;
$grid->setJSCode($custom); 
1
zaheerprince

Это мое решение:

                function getDataLine(grida, rowid){  //vykradeno z inineeditu a vohackovano

                    if(grida.lastIndexOf("#", 0) === 0){
                        grida = $(grida);
                    }else{
                        grida = $("#"+grida);
                    }

                    var nm, tmp={}, tmp2={}, tmp3= {}, editable, fr, cv, ind;

                    ind = grida.jqGrid("getInd",rowid,true);
                    if(ind === false) {return success;}
                    editable = $(ind).attr("editable");
                    if (editable==="1") {
                        var cm;
                        var colModel = grida.jqGrid("getGridParam","colModel") ;
                        $("td",ind).each(function(i) {
                            // cm = $('#mygrid').p.colModel[i];
                            cm = colModel[i];
                            nm = cm.name;
                            if ( nm != 'cb' && nm != 'subgrid' && cm.editable===true && nm != 'rn' && !$(this).hasClass('not-editable-cell')) {
                                switch (cm.edittype) {
                                    case "checkbox":
                                        var cbv = ["Yes","No"];
                                        if(cm.editoptions ) {
                                            cbv = cm.editoptions.value.split(":");
                                        }
                                        tmp[nm]=  $("input",this).is(":checked") ? cbv[0] : cbv[1]; 
                                        break;
                                    case 'text':
                                    case 'password':
                                    case 'textarea':
                                    case "button" :
                                        tmp[nm]=$("input, textarea",this).val();
                                        break;
                                    case 'select':
                                        if(!cm.editoptions.multiple) {
                                            tmp[nm] = $("select option:selected",this).val();
                                            tmp2[nm] = $("select option:selected", this).text();
                                        } else {
                                            var sel = $("select",this), selectedText = [];
                                            tmp[nm] = $(sel).val();
                                            if(tmp[nm]) { tmp[nm]= tmp[nm].join(","); } else { tmp[nm] =""; }
                                            $("select option:selected",this).each(
                                                function(i,selected){
                                                    selectedText[i] = $(selected).text();
                                                }
                                            );
                                            tmp2[nm] = selectedText.join(",");
                                        }
                                        if(cm.formatter && cm.formatter == 'select') { tmp2={}; }
                                        break;
                                }
                            }
                        });
                    }
                    return tmp;
                }
1
hovno

В моем случае содержимое моей ячейки является HTML как результат форматирования. Я хочу значение внутри тега привязки. Получая содержимое ячейки, а затем создавая элемент из html через jQuery, я могу получить доступ к необработанному значению, вызвав .text () для моего вновь созданного элемента.

var cellContents = grid.getCell(rowid, 'ColNameHere');
console.log($(cellContents)); 
//in my case logs <h3><a href="#">The Value I'm After</a></h3>

var cellRawValue = $(cellContents).text();
console.log(cellRawValue); //outputs "The Value I'm After!"

мой ответ основан на ответе @LLQ, но так как в моем случае мой cellContents не является вводом, мне нужно было использовать .text() вместо .val() для доступа к необработанному значению, поэтому я решил опубликовать это на тот случай, если кто-то еще ищет способ получить доступ к необработанному значению отформатированной ячейки jqGrid. 

1
timbrown

вы можете использовать это напрямую ....

onCellSelect: function(rowid,iCol,cellcontent,e) {
            alert(cellcontent);
        }
1
MuniR

У меня есть решение: 1. Использование this.value для получения текущего значения редактирования в строке редактирования . 2. Сохраните значение ячейки в скрытом поле, когда ячейка потеряла фокус 3. Читайте скрытое поле, когда вам нужно.

Код: 

 colModel="[
       { name: 'Net', index: 'Net', editable:true, editoptions: { dataEvents: [ { type: 'focusout', fn: function(e) {$('#HiddenNet').val(this.value);} }] }, editrules:{custom:true,}},
       { name: 'Tax', index: 'Tax', editable:true, editoptions: { dataEvents: [ { type: 'focus', fn: function(e) {this.value=$('#HiddenNet').val(); } }] }, editrules:{custom:true}}
    ]" 

Удачи

1
user2066558

Прежде чем я получил: HTML-тег текстового поля что-то вроде

но вот решение, чтобы получить значение из этого конкретного столбца, работает и проверено

function getValue(rowId, cellId) {
        var val = $("[rowId='"+rowId+"'][name='"+cellId+"']").val();
        return val;
       }

var values = getValue(rowId, 'cellid');
0
Pradeep nain

Я думаю, что лучшее решение, чем использование getCell, который, как вы знаете, возвращает html в режиме редактирования, - использовать jquery для прямого доступа к полям. Проблема с попыткой синтаксического анализа, как у вас, заключается в том, что он будет работать только для полей ввода (не таких, как select), и не будет работать, если вы сделали некоторые настройки для полей ввода. Следующее будет работать со входами и элементами выбора и будет только одной строкой кода. 

ondblClickRow: function(rowid) {
    var val = $('#' + rowid + '_MyCol').val();
}
0
bigrockshow

Я думаю, что ответ Эйдана, безусловно, лучший.

$('#yourgrid').jqGrid("editCell", 0, 0, false);

Это фиксирует любые текущие изменения, предоставляя вам доступ к реальной стоимости. Я предпочитаю это, потому что:

  • Вам не нужно жестко кодировать ссылки на ячейки в . 
    • Он особенно хорошо подходит для использования getRowData (), чтобы получить всю сетку, поскольку не имеет значения, какую ячейку вы только что редактировали.
    • Вы не пытаетесь проанализировать некоторую разметку, сгенерированную jqGrid, которая может измениться в будущем.
    • Если пользователь сохраняет данные, то, скорее всего, прекращение сеанса редактирования будет таким поведением, которое ему бы хотелось.
0
StuartQ

У меня довольно косвенный путь. Ваши данные должны иметь уникальный идентификатор.

Во-первых, установка форматера

$.extend(true, $.fn.fmatter, {          
numdata: function(cellvalue, options, rowdata){
    return '<span class="numData" data-num="'+rowdata.num+'">'+rowdata.num+'</span>';
}
});

Используйте этот форматер в ColModel. Чтобы получить идентификатор (например, выбранная строка)

var grid = $("#grid"), 
    rowId = grid.getGridPara('selrow'),
    num = grid.find("#"+rowId+" span.numData").attr("data-num");

(или вы можете напрямую использовать .data () для последней версии jquery 1.4.4)

0
jackysee

Я думаю, что расширение этого получило бы это для вас . получение оригинальных строк данных из jqgrid

0
David

Мой обходной путь - прикрепить объект, содержащий значения orignal, к каждому элементу tr в сетке. Я использовал обратный вызов afterAddRecord, чтобы получить в свои руки значения до того, как jqGrid их выбрасывает, и метод «данных» jQuery для их сохранения в работе.

Пример:

afterInsertRow: function( rowid, rowdata, rowelem ) {
  var tr = $("#"+rowid);
  $(tr).data("jqgrid.record_data", rowelem);
},

«Rowelem» - это массив значений ячеек из нашего потока данных JSON или [jsonReader] (http://www.trirand.com/jqgridwiki/doku.php?id=wiki:retrieving_data#jsonreader_as_function)

Затем в любой момент я могу получить эти атрибуты, используя:

$(tr).data(“jqgrid.record_data”).

Больше на: http://wojciech.oxos.pl/post/9423083837/fetching-original-record-values-in-jqgrid

0
Wojtek Kruszewski

Чтобы получить значение ячейки при встроенном редактировании, вам нужно захватить это событие (или другое подобное событие, проверьте документация ):

beforeSaveCell: function (rowid, celname, value, iRow, iCol) {} 

В параметре value у вас есть «значение» ячейки, которая была отредактирована в данный момент.

Чтобы получить остальные значения в строке, используйте getRowData ()

Я потерял много времени с этим, надеюсь, это поможет.

0
Cacho Santa

Я получаю значение редактирования, используя JavaScript:

document.getElementById ( 'idCell'). Значение

Я надеюсь, что эта информация будет полезна для кого-то.

0
Ignacio Ayuste