Current filter:
                                You should refresh the page.

                                1 Solution

                                Creation Date Importance Sort by

                                Hi Puneet,
                                 
                                Thank you for the detailed description. I checked our Support Center and found the following tickets describing how to complete this task:
                                DataGrid - How to use TagBox for editing in Angular
                                DataGrid - TagBox doesn't save values if it's defined inside editCellTemplate
                                 
                                The main idea is to implement editCellTemplate to define custom editors and pass changes to the grid using the setValue method. See Customize Editors describing this approach step by step.
                                 
                                If you encounter any issues with this case, post an example demonstrating your current progress. You can use one of our demos for this purpose. Extract a demo into a stand-alone example using the"Copy To CodeSandBox" button and modify it using the "Save"button to apply changes. Then, post the updated link here for furtherexamination. Or, you can use our project template as a starting point. We'll do our best toput you on the right track.

                                • Puneet Suri 08.25.2019

                                  Hi Artem,

                                  Thanks for the solution, dxTagBox is working? in add mode but when we open popup in edit  mode it's showing some error selectedItemKeys.forEach() is not a function. Kindly tell me the solution of how can we populate data in dxTagBox in edit mode and how to show already selected values in edit  mode. Below is the code we have used:

                                  Component.ts :
                                  messageVersionList = [{"id": 1, "value": "Group 1"},
                                               {"id": 2, "value": "Group 2"},
                                               {"id": 3, "value": "Group 3"}
                                        ];
                                  Component.html:
                                  <dxo-form >
                                                      <dxi-item itemType="group" [colCount]="2" [colSpan]="2">
                                                          <dxi-item dataField="airlineId" editorType="dxSelectBox"></dxi-item>
                                                          <dxi-item dataField="ediAddress" editorType="dxTextBox"></dxi-item>
                                                          <dxi-item dataField="messageType" editorType="dxSelectBox" [editorOptions]="{dataSource: dropDownMasterService.getMessageTypesMaster(), displayExpr:'messagetype', valueExpr:'messagetype'}"  >
                                                              <dxi-validation-rule type="required"></dxi-validation-rule>
                                                              <dxo-label text="Message Type"></dxo-label>
                                                      </dxi-item>

                                                          <dxi-item dataField="messageTransactionType" editorType="dxSelectBox"></dxi-item>
                                                          <dxi-item dataField="messageVersion"
                                                                      editorType="dxTagBox"
                                                                      [editorOptions]="{dataSource:messageVersionList, maxDisplayedTags:2, showSelectionControls: true, displayExpr: 'value', valueExpr:'id', placeholder: 'Select Version', value:[2,3] }"> <!-- This is where I'm having the problem -->
                                                              <dxo-label text="Version"></dxo-label>
                                                          </dxi-item>
                                                      </dxi-item>

                                                  </dxo-form>

                                  Kindly provide the solution. Thanks.

                                • Artem (DevExpress Support) 08.26.2019

                                  Hi Puneet,
                                   
                                  It looks like you missed the part where I suggested using editCellTemplate for this task. Please adjust your code accordingly to resolve all issues.
                                   
                                  If this step doesn't help, send us an example and a couple of screenshots with the actual and expected results. You can use one of our demos to demonstrate your scenario. Extract a demo into a stand-alone example using the"Copy To CodeSandBox" button and modify it using the "Save" button to apply changes. Then, post the updated link here for further examination. Or, you can use our project template as a starting point. We'll do our best to put you on the right track.

                                • Puneet Suri 09.02.2019

                                  Thanks