2013-04-25 3 views
0

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

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

Спасибо, Arshya

ответ

0

мне удалось добиться этого с помощью решения ниже

О загрузке полной я добавил код, чтобы открыть 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> 
1

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

Смежные вопросы