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. Image for the cookie policy date

ejGrid editMode Batch and Dialog

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,

7 Replies

VA Venkatesh Ayothi Raman Syncfusion Team June 29, 2016 06:34 AM UTC

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. 



EA Emir Aydogan replied to Venkatesh Ayothi Raman June 29, 2016 11:17 AM UTC

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,. 


VA Venkatesh Ayothi Raman Syncfusion Team June 30, 2016 01:27 PM UTC

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. 



EA Emir Aydogan replied to Venkatesh Ayothi Raman June 30, 2016 03:05 PM UTC

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.


VA Venkatesh Ayothi Raman Syncfusion Team July 8, 2016 03:38 PM UTC

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. 



DA dan February 8, 2017 04:25 AM UTC

Could you post the solution?


VA Venkatesh Ayothi Raman Syncfusion Team February 9, 2017 07:14 AM UTC

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. 


Loader.
Up arrow icon