Интеграция RTE с JQGrid

Я использую встроенное редактирование с событиями. И при щелчке нередактируемой ячейки я хочу открыть Rich Text Box. Я попытался использовать edittype: custom и вернуть rte, но ничего не отображается. Есть ли другой способ сделать это.

Пожалуйста, предложите!

Спасибо, Аршия


jqgrid rte inline-editing
person Arshya    schedule 25.04.2013    source источник

Ответы (2)


arrow_upward
1
arrow_downward

использование edittype: custom не имеет смысла для нередактируемого столбца. Сделайте столбец редактируемым с помощью editable: true

person Kedarnath Calangutkar    schedule 25.04.2013

arrow_upward
0
arrow_downward

Я смог добиться этого, используя приведенное ниже решение

При завершении загрузки я добавил код, чтобы открыть div при щелчке по ячейке

loadComplete: function() {
        var iColNotesPresent = getColumnIndexByName($(this), 'NotesPresent'), rows = this.rows, i, c = rows.length;
        var iColNotes = getColumnIndexByName($(this), 'Notes');

        for (i = 1; i < c; i += 1) {
            $(rows[i].cells[iColNotesPresent]).click(function(e) {
                var offset = jQuery(e.target).offset();
                var rteText = $(jQuery(e.target).parent()[0].cells[iColNotes])[0].outerText;
                var rowId = jQuery(e.target).parent()[0].id;
                OpenRTEBox(offset, rteText, rowId);
            });
        }
    },

//Open the div containing RTE 
function OpenRTEBox(offset, rteText, rowId) {

isColNotes = true;
currsel = rowId;  

$('#rteDiv').css({ position: "absolute", top: offset.top, left: offset.left, "z-index": 20 });
$('#rteDiv').show();

frames['rte0'].document.body.innerHTML = rteText;

}

Вот html-код для RTE

                <script language="javascript" type="text/javascript">
                    writeRichText("rte0", "rte0", 575, 200, true, false, "Notes");
                </script>

            </td>
        </tr>
        <tr>
            <td align="right">
                <input type="button" id="btnOK" onclick="addNotes();" value="OK"/>
            </td>
            <td align="left">
                <input type="button" id="btnCancel" onclick="closeDiv();" value="Cancel"/>
            </td>
        </tr>
    </table>
</div>
person Arshya    schedule 29.04.2013