title: Two-Way binding is not working in Blazorise Select control in Blazor Server
body: <p>I am creating a project in .NET 6 <strong>Blazor Server</strong>. For UI control I have been using <strong><a href="https://blazorise.com/docs/components/select" rel="nofollow noreferrer">Blazorise</a> controls</strong>. In my UI I have a <strong>Select</strong> control. Multiple items can be selected in this control. Here is my Model:</p>
  <pre><code>public class UserModel
  {
      [Required]
      public string RepresentativeName { get; set; }
  
      public List&lt;string&gt; Departments { get; set; }
  }
  </code></pre>
  <p>Here is my razor file code:</p>
  <pre><code>&lt;Validations @ref=&quot;Validations&quot; Mode=&quot;ValidationMode.Manual&quot; Model=&quot;@model&quot;&gt;
  &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-6 col-lg-6 col-sm-6&quot;&gt;
          &lt;Validation Validator=&quot;@ValidationRule.IsNotEmpty&quot;&gt;
              &lt;Field&gt;
                  &lt;FieldLabel Class=&quot;p-0&quot;&gt;First Name&lt;/FieldLabel&gt;&lt;span class=&quot;red&quot;&gt;*&lt;/span&gt;
                  &lt;TextEdit @bind-Text=&quot;model.RepresentativeName &quot; Placeholder=&quot;Enter First Name&quot;&gt;
                      &lt;Feedback&gt;
                          &lt;ValidationError&gt;Name is required&lt;/ValidationError&gt;
                      &lt;/Feedback&gt;
                  &lt;/TextEdit&gt;
              &lt;/Field&gt;
          &lt;/Validation&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;col-md-6 col-lg-6 col-sm-6&quot;&gt;
          &lt;Validation Validator=&quot;IsDepartmentsValid&quot;&gt;
              &lt;Field&gt;
                  &lt;FieldLabel&gt;Departments&lt;/FieldLabel&gt;&lt;span class=&quot;red&quot;&gt;*&lt;/span&gt;
                  &lt;Select Multiple @bind-SelectedValues=&quot;@model.Departments&quot;&gt;
                      &lt;ChildContent&gt;
                          @if (departmentLists != null &amp;&amp; departmentLists.Count &gt; 0)
                          {
                              @foreach (var department in departmentLists)
                              {
                                  &lt;SelectItem Value=&quot;department.DepartmentId&quot;&gt;
                                      @department.DepartmentName
                                  &lt;/SelectItem&gt;
                              }
                          }
                      &lt;/ChildContent&gt;
                      &lt;Feedback&gt;
                          &lt;ValidationError /&gt;
                      &lt;/Feedback&gt;
                  &lt;/Select&gt;
              &lt;/Field&gt;
          &lt;/Validation&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class=&quot;row pt-3&quot;&gt;
      &lt;div class=&quot;col-12&quot;&gt;
          &lt;Button Color=&quot;Color.Primary&quot; Clicked=&quot;SaveOrUpdateUser&quot; Class=&quot;&quot;&gt;Submit&lt;/Button&gt;
          &lt;Button Color=&quot;Color.Secondary&quot; Clicked=&quot;NavigateToListPage&quot; Class=&quot;ms-3&quot;&gt;Cancel&lt;/Button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/Validations&gt;
  </code></pre>
  <p>But when I build the project I get the below errors:</p>
  <blockquote>
  <p>Error (active)    CS1503  Argument 5: cannot convert from
  'Microsoft.AspNetCore.Components.EventCallback&lt;System.Collections.Generic.List&gt;'
  to
  'Microsoft.AspNetCore.Components.EventCallback&lt;System.Collections.Generic.IReadOnlyList&gt;'</p>
  </blockquote>