Sheduler PupUp editor / Default value for Resources in ComboBox Component

Hi guys,

I try to find default solution in documentation for my logic problem that I have with default value in ComboBox component.

I will try to explain without much code.

I have Schedule component with Resources -  Staff (Owners).

<ResourceDirective
field="StaffId"
title="Staff"
name="Owners"
allowMultiple={false}
dataSource={staffOwners}
textField="OwnerText"
idField="Id"
valueField="Id"
colorField="OwnerColor"
></ResourceDirective>

Every staff member has there own account to login inside app. So they are different users and they all share the same Schedule component.

But when they click to add a new Event / Appointments, options ( staff names, id, .. ) inside ComboBox in popup component are listed by id.

In this case I will need to default select, inside ComboBox a current logged in user.

Please check attached image file to better understanding my issue.

I'm already creating custom input fields inside a PopUp component to add come custom fields, and before Im starting to write custom code for this I will like to ask is there some build solution.

Thanks,

Sinisa



Attachment: default_user_png_86ddc41e.png


1 Reply

SS Saritha Sankar Syncfusion Team August 1, 2025 12:17 PM UTC

Hi Sinisa,


We have reviewed your concern and would like to share a suggestion that may help resolve the issue. Please ensure that the ComboBox Component values are correctly bound in your code. Refer the below codes for your reference.

  <tr>

                <td className="e-textlabel">Project</td>

                <td colSpan={4}>

                  <ComboBoxComponent

                    id="ProjectId"

                    data-name="ProjectId"

                    className="e-field"

                    dataSource={projectData}

                    fields={{ text: 'text', value: 'id' }}

                    value={props.ProjectId}

                    popupHeight="200px"

                    valueTemplate={(data) => data?.text}

                  />

                </td>

              </tr>

              <tr>

                <td className="e-textlabel">Task</td>

                <td colSpan={4}>

                  <ComboBoxComponent

                    id="TaskId"

                    data-name="TaskId"

                    className="e-field"

                    dataSource={categoryData}

                    fields={{ text: 'text', value: 'id' }}

                    value={props.TaskId}

                    popupHeight="200px"

                    valueTemplate={(data) => data?.text}

                  />

                </td>

              </tr>


Sample Link: https://stackblitz.com/edit/react-dxcqgxcg-dpftglz4?file=index.js


If you are still facing the issue, we would need additional details to replicate the exact problem on our end. We kindly request you to provide the following details, as this information will greatly assist us in understanding and resolving the issue effectively.


  • Share the exact code snippet used or the specific steps followed to replicate the reported issue
  • Provide a simple sample that replicates the issue or is replicated in our shared samples.


Please get back to us with the required details for further assistance.


Regards,

Saritha S.


Please let us know if you need any further assistance.



Regards,

Saritha S.


Loader.
Up arrow icon