Performing updates/inserts containing HTML for a Batch Editing grid

Thread is closed for posting
2 posts, 0 answers
  1. 31B74CD6-6E11-4EDC-AE33-6D25F6F93737
    31B74CD6-6E11-4EDC-AE33-6D25F6F93737 avatar
    1 posts
    Member since:
    Oct 2012

    Posted 07 May 2015 Link to this post


    Telerik Product and Version

    Q1 2015 and later

    Supported Browsers and Platforms

    All supported browsers

    Components/Widgets used (JS frameworks, etc.)


    The Code Library illustrates how one can use HTML to edit a certain field data in a batch editing grid. The main idea in such an implementation is to subscribe to the four batch editing events(OnBatchEditGetCellValue, OnBatchEditSetEditorValue, OnBatchEditGetEditorValue and
    OnBatchEditSetCellValue) and manually get/set the cell and editor values. Such manipulation later allows you to transfer the HTML safely to the server and insert it into the database.

    The sample contains two pages which illustrate two different implementations. In the first a GridTemplateColumn with a RadEditor placed inside the EditItemTemplate is used whereas the second page applies a similar approach but for the built-in GridHTMLEditorColumn.
  2. D41B02FE-0EF9-48A6-9B2C-E910424294F5
    D41B02FE-0EF9-48A6-9B2C-E910424294F5 avatar
    23 posts
    Member since:
    Jul 2012

    Posted 22 Aug 2018 Link to this post

    You can extend the function that prevents cells from closing to also cover editor dialogs like this:

    function editorDropDownActive() {
        console.log($telerik.$("[id*='_dialogOpener']").is(":visible")); //test your selectors to find an option that works for your needs
        return $telerik.$(".reDropDownBody").is(":visible") || $telerik.$("[id*='_dialogOpener']").is(":visible");
Back to Top

This Code Library is part of the product documentation and subject to the respective product license agreement.