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.
Syncfusion Feedback

ejGrid editMode Batch and Dialog

Thread ID:

Created:

Updated:

Platform:

Replies:

124762 Jun 28,2016 08:56 AM Feb 9,2017 02:14 AM JavaScript 7
loading
Tags: ejGrid
Emir Aydogan
Asked On June 28, 2016 08:56 AM

hi
How to using editMode batch and dialog  at the same time? I use batch mode but i want to use both editMode. I'd like you to answer this question 
Best Regard,

Venkatesh Ayothi Raman [Syncfusion]
Replied On June 29, 2016 02:34 AM

Hi Emir, 

Thank you for contacting Syncfusion support. 

We can’t use editMode as batch and dialog at same time. Because the batch edit mode is like excel in editing and Dialog edit mode is differ from that. So, please provide more details and let us know the purpose on why you want to use batch and dialog edit modes at same time. It would be helpful for us to find the problem and provide a better solution as earliest.   

Regards, 
Venkatesh Ayothiraman. 


Emir Aydogan
Replied On June 29, 2016 07:17 AM

Hi Emir, 

Thank you for contacting Syncfusion support. 

We can’t use editMode as batch and dialog at same time. Because the batch edit mode is like excel in editing and Dialog edit mode is differ from that. So, please provide more details and let us know the purpose on why you want to use batch and dialog edit modes at same time. It would be helpful for us to find the problem and provide a better solution as earliest.   

Regards, 
Venkatesh Ayothiraman. 


Hi Venkatesh Ayothiraman,
I want to enter table in process of batch at a time and dialog  editing display more stylish.

Regards,
Emir,. 

Venkatesh Ayothi Raman [Syncfusion]
Replied On June 30, 2016 09:27 AM

Hi Emir, 

Thank you for the update. 

We have created a sample for your requirement. In this sample we can change the edit mode by custom icons in the toolbar using toolbarClick event in the Grid. Please refer to the code example, sample and Help document, 
Code example: 
<Style> 
<style type="text/css" class="cssStyles"> 
    .Expand:before { 
        content: "\e627"; 
    } 
    .Collapse:before 
        { 
           content:"\e625"; 
        } 
</style> 
<Grid> 
<script type="text/javascript"> 
 
    $(function () { 
        $("#Grid").ejGrid({ 
            dataSource:window.gridData, 
            allowPaging: true, 
            allowFiltering: true, 
            filterSettings: { filterType: "menu" }, 
            
            actionBegin: "actionBegin", 
            editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true }, 
            toolbarClick:"toolbarClick", 
            toolbarSettings: { showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel], customToolbarItems: ["Expand", "Collapse"] }, 
            columns: [ 
                    { field: "OrderID", isPrimaryKey: true, headerText: "Order ID" }, 
                    { field: "EmployeeID", headerText: 'Employee ID' }, 
                    { field: "Freight", headerText: 'Freight', format: "{0:C}" }, 
                    { field: "ShipCity", headerText: 'Ship City' }, 
                    { field: "OrderDate", headerText: "DateColumn", format: "{0:dd/MM/yyyy}", editType: "datetimepicker" } 
            ] 
        }); 
         
 
    }); 
 
<toolbarClick event> 
 
function toolbarClick(args) { 
 
           if (args.itemName == "Expand") 
               $("#Grid").ejGrid("option", { editSettings: { editMode: "batch" } }) // change the editmode by using setModel 
               
           else if (args.itemName == "Collapse") 
               $("#Grid").ejGrid("option", { editSettings: { editMode: "dialog" } })// change the editmode by using setModel 
       } 
        
  


Regards, 
Venkatesh Ayothiraman. 


Emir Aydogan
Replied On June 30, 2016 11:05 AM

Hi Emir, 

Thank you for the update. 

We have created a sample for your requirement. In this sample we can change the edit mode by custom icons in the toolbar using toolbarClick event in the Grid. Please refer to the code example, sample and Help document, 
Code example: 
<Style> 
<style type="text/css" class="cssStyles"> 
    .Expand:before { 
        content: "\e627"; 
    } 
    .Collapse:before 
        { 
           content:"\e625"; 
        } 
</style> 
<Grid> 
<script type="text/javascript"> 
 
    $(function () { 
        $("#Grid").ejGrid({ 
            dataSource:window.gridData, 
            allowPaging: true, 
            allowFiltering: true, 
            filterSettings: { filterType: "menu" }, 
            
            actionBegin: "actionBegin", 
            editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true }, 
            toolbarClick:"toolbarClick", 
            toolbarSettings: { showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel], customToolbarItems: ["Expand", "Collapse"] }, 
            columns: [ 
                    { field: "OrderID", isPrimaryKey: true, headerText: "Order ID" }, 
                    { field: "EmployeeID", headerText: 'Employee ID' }, 
                    { field: "Freight", headerText: 'Freight', format: "{0:C}" }, 
                    { field: "ShipCity", headerText: 'Ship City' }, 
                    { field: "OrderDate", headerText: "DateColumn", format: "{0:dd/MM/yyyy}", editType: "datetimepicker" } 
            ] 
        }); 
         
 
    }); 
 
<toolbarClick event> 
 
function toolbarClick(args) { 
 
           if (args.itemName == "Expand") 
               $("#Grid").ejGrid("option", { editSettings: { editMode: "batch" } }) // change the editmode by using setModel 
               
           else if (args.itemName == "Collapse") 
               $("#Grid").ejGrid("option", { editSettings: { editMode: "dialog" } })// change the editmode by using setModel 
       } 
        
  


Regards, 
Venkatesh Ayothiraman. 


Hi  Venkatesh Ayothi Raman ,
You misunderstood me. While grid editting mode batch ,i want to open a dialog screen. Because i want to save the table as whole.


Regards,
Emir.

Venkatesh Ayothi Raman [Syncfusion]
Replied On July 8, 2016 11:38 AM

Hi Emir, 
  
A support incident has been created under your account. Please log on to our support website to check for further updates.  

Regards, 
Venkatesh Ayothiraman. 


dan
Replied On February 7, 2017 11:25 PM

Could you post the solution?

Venkatesh Ayothi Raman [Syncfusion]
Replied On February 9, 2017 02:14 AM

Hi Dan, 
Thanks for contacting Syncfusion support. 
A support incident has been created under your account. Please log on to our support website to check for further updates.   
Regards, 
Venkatesh Ayothiraman. 


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

;