We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

A Way To Add Rich Text Editor To Gird External Form Template

Thread ID:

Created:

Updated:

Platform:

Replies:

117904 Jan 7,2015 01:59 PM UTC Jan 8,2015 09:02 AM UTC ASP.NET MVC 1
loading
Tags: Grid
Erdem Isikdogan
Asked On January 7, 2015 01:59 PM UTC

Hello,

I am new to Syncfusion and i need to create a form to be used for editing grid. And at this form, i need a Rich Text Editor. 

Is there a way to do this? any samples?

Thanks for your helps.

Erdem

Ajith R [Syncfusion]
Replied On January 8, 2015 09:02 AM UTC

Hi Erdem,

Thanks for using Syncfusion products.

Query : RicheTextEditor (RTE) in External Form Template Editing

We suggest you to use ExternalFormTemplate edit mode in the EditSettings with ExternalFormTemplateID and set the textarea inside the script template for RTE control. We can render the RTE control in the ActionComplete client side event when the request type as “beginedit”. Please refer the below code snippet for further details.

@(Html.EJ().Grid<ExternalEditingRTE.OrdersView>("FlatGrid")

        .Datasource((IEnumerable<object>)ViewBag.datasourc

        .EditSettings(edit => { edit

                     .AllowAdding()

                     .AllowDeleting()

                     .AllowEditing()

                     .EditMode(EditMode.ExternalFormTemplate).ExternalFormTemplateID("#ExternalTemplate");

         })

        .ClientSideEvents(eve=>eve.ActionComplete("onActionComplete"))

           ----------

)

@*Script Template*@

<script id="ExternalTemplate" type="text/template">

    <b>Order Details</b>

    <table cellspacing="10">

        --------        

    </table>

    <textarea id="RTE" rows="5" cols="30" style="width: 400px; height: 150px">

    </textarea>

</script>

<script type="text/javascript">   

    function onActionComplete(args) {

        if (args.requestType == "beginedit")

            $("#RTE").ejRTE(); // Rendering RTE control

    }

</script>

For you convenience we have created a simple sample and the same can be downloaded from the below link.

Sample Link: http://www.syncfusion.com/downloads/support/directtrac/117904/ExternalEditingRTE-1834440198.zip

Please let us know if you have any concerns.

Regards,

Ajith R



CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;