[Form Prop Extension] - How can I set the defaultValue from one of the options in a dropdown? #8517

5 Answer(s)

• 

  0

  Anjali_Musmade created yesterday

  Support Team Support Team Member

  Hello

  Can you once try to this code If it is helpful for you.

          options: data =>
              {
                  const service = data.getInjected(UserService);
                  return service
                      .getList({
                          filterText: '',
                          roleName: UserRole.Admin + ',' + UserRole.CountryManager + ',' + UserRole.LineManager,
                          isFromEditUser: true
                      })
                      .pipe(
                          map((data: UserDto[]) => {
                              const items = data.filter(x => !x.isLockedOut);
                              // Find the user marked as default
                              const index = items.findIndex(x => x.isDefault);
                              const userDefault = index !== -1 ? `${items[index].id}` : null; // Handle case where no default user exists
                              
                              // Return both the options and the default value
                              return {
                                  items: items.map(item => ({
                                      key: item.fullName,
                                      value: item.id
                                  })),
                                  defaultValue: userDefault
                              };
                          })
                      );
              },
          defaultValue: data => data.defaultValue, // Bind the default value here
          isExtra: prop.isExtra,
          // Your validation logic
      });
  }
  
  

  Thank you

  Save Cancel

  1
• 

  0

  trannguyenphucanh created yesterday

  Hi @Anjali_Musmade Thank you for reaching out. I tried, but it is not working as expected. We should pass the correct type.

  

  

  Save Cancel
• 

  0

  Anjali_Musmade created yesterday

  Support Team Support Team Member

  Can you share your sample code and steps to reproduce this issue.

  Save Cancel
• 

  0

  trannguyenphucanh created yesterday

  My expectation is that the dropdown will automatically fill in the data for the item where isDefault is true when creating new an user. However, I am stuck in here.

  And here are screenshots of the create Form Prop Contributes.

  

  

  Save Cancel
• 

  0

  Anjali_Musmade created yesterday

  Support Team Support Team Member

  Hello

  Please chek this link https://abp.io/support/questions/7298/Angular-Identity-and-Account-form-extensions-set-default-value-using-extra-properties#answer-3a1303f3-aadd-04de-88e5-250c8dbb773f

  Thank you

  Save Cancel