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.
Unfortunately, activation email could not send to your email. Please try again.

ejGrid Colums Field TextArea

Thread ID:

Created:

Updated:

Platform:

Replies:

125031 Jul 15,2016 11:20 AM Jul 19,2016 12:53 AM JavaScript 3
loading
Tags: ejGrid
Emir Aydogan
Asked On July 15, 2016 11:20 AM

Hi,

How to Diplay ejGrid Colums Field TextArea and edittingType same way ?

columns: [

{ field: "Remarks", headerText: "Remarks", width: 75, textAlign: "left",editType: ej.Grid.EditingType.InputTextBox }

]

 This edittype does not work

Regards,

Emir


Karthick Kuppusamy [Syncfusion]
Replied On July 18, 2016 05:10 AM

Hi Emir,   
  
Thanks for contacting Syncfusion Support.   

To display ejGrid Colums Field TextArea and edittingType the same way you have to use “edittemplate” property of the grid column. The following sample displays text area in editing state. Please find the code example.  
 


 
 
columns: [   
                        { field: "OrderID", isPrimaryKey: true, headerText: "Order ID", textAlign: ej.TextAlign.Right, validationRules: { required: true, number: true }, width: 90 },   
                        {   
                            field: "CustomerID", headerText: 'Customer ID',   
                            editTemplate: {   
                                create: function () {   
                                    return "<textarea></textarea>";//initialize the control   
                                },   
                                read: function (args) {   
                                    return args.val();//read the value at the time of save   
                                },   
                                write: function (args) {   
                                    debugger;   
                                    $("textarea").css("width","100%").val(args.rowdata.CustomerID);//assign the value to the control   
                                }   
                            }, width: 170   
                        },   
                        { field: "EmployeeID", headerText: 'Employee ID', width: 150 },   
   
  
For more information, please refer to the UG Link:   
  
For your reference, we have created a JS playground sample.   


 
 
Regards,   
K. Karthick  


Emir Aydogan
Replied On July 18, 2016 07:48 AM

 
Hi K. Karthick,

Thank you for solving my problem,

Regard

Emir,  

Karthick Kuppusamy [Syncfusion]
Replied On July 19, 2016 12:53 AM

Hi Emir, 

We have happy to hear that your requirement is achieved. 

Regards, 
K.Karthick 


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.

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.

;