Update combo boxes value when its not in the datasource
I have a combo box and a grid. When you select a line on the grid, the combo box gets updated with its associated value. The only issue is if the value is not in the combo box datasource, it will not update. I had to populate only 100 lines in the combo box because the datasource is so large. How can I show the value in the combo box even though its not apart of the datasource. If they want to change it, thats ok, because i have filters on everything at that point. I just need it to show the value in the combo box. I tried bind value and value etc.. doesn't seem to work.. of course if its in the datasource it will show but thats not always the case. I managed to get this to work with a combo box inside a grid but i guess that was totally different.
Also I noticed when i click on a column in the grid which has allowediting to false. It will not activate the event RowSelecting="RowSelectingHandler". I need that to activate everytime someone clicks on a row to update the combo boxes above whether its read only or not. Is there a solution for this?
THanks
<SfComboBox @ref="comboboxFieldID" id="FieldID" TValue="string" TItem="FDIFieldID" Placeholder="e.g. Field ID" CssClass="e-multi-column" @bind-Value="@ChemOrderTable.FSFIELDID" DataSource="@FieldIDS" AllowFiltering="true" Query="@fieldIDQuery" PopupWidth="700px" PopupHeight="500">
<ComboBoxFieldSettings Text="FieldID" Value="FieldID"></ComboBoxFieldSettings>
<ComboBoxTemplates TItem="FDIFieldID">
<HeaderTemplate>
<table><tr><th class="e-text-center">Field ID</th><th class="e-text-center">Name</th></tr></table>
</HeaderTemplate>
<ItemTemplate Context="context">
<table><tbody><tr><td class="e-text-center">@((context as FDIFieldID).FieldID)</td><td class="e-text-center">@((context as FDIFieldID).Name)</td></tr> </tbody></table>
</ItemTemplate>
</ComboBoxTemplates>
<ComboBoxEvents TValue="string" Filtering="onFilteringFieldID"></ComboBoxEvents>
</SfComboBox>
SIGN IN To post a reply.
26 Replies
I was previously on 18.2.0.59 , then today I updated to 18.3.0.35 and I just got a ton of errors so I had to roll back.
Yes I am attempted to change my combo box code and added TItem to ComboBoxEvents , but there is an error on ValueChange="@onCustValueChange".
<SfComboBox @ref="comboboxCustomer" id="CustomerID" TValue="string" TItem="FDICustomer" Placeholder="e.g. Account Num" CssClass="e-multi-column" Text="@ChemOrderTable.CustAccount" Value="@ChemOrderTable.CustAccount" DataSource="@Customers" AllowFiltering="true" Query="@customerQuery" PopupWidth="700px" PopupHeight="500">
<ComboBoxFieldSettings Text="CustAccount" Value="CustAccount"></ComboBoxFieldSettings>
<ComboBoxTemplates TItem="FDICustomer">
<HeaderTemplate>
<table><tr><th class="e-text-center">Account Number</th><th class="e-text-center">Name</th></tr></table>
</HeaderTemplate>
<ItemTemplate Context="context">
<table><tbody><tr><td class="e-text-center">@((context as FDICustomer).CustAccount)</td><td class="e-text-center">@((context as FDICustomer).Name)</td></tr> </tbody></table>
</ItemTemplate>
</ComboBoxTemplates>
<ComboBoxEvents TValue="string" TItem="FDICustomer" Filtering="onFilteringCustAccount" ValueChange="@onCustValueChange"></ComboBoxEvents>
</SfComboBox>
private void onCustValueChange(Syncfusion.Blazor.DropDowns.ChangeEventArgs<string, FDICustomer> args)
{
if (args.Value != "" && args.Value != null)
{
var findCustomer = AllCustomers.Find(x => x.CustAccount == args.Value);
ChemOrderTable.CustName = findCustomer.Name;
}
}
I'm also getting errors on my treeview.
<SfTreeView CssClass="main-treeview" @ref="TreeView" ExpandOn="@Expand" TValue="TreeData">
<TreeViewFieldsSettings Id="nodeId" Text="nodeText" IconCss="iconCss" DataSource="treedata" HasChildren="hasChild" ParentID="pid">
</TreeViewFieldsSettings>
</SfTreeView>
Additional Errors, not sure about these lambda expressions either, because it doesn't point to any specific line. as well as the rendertreebuilder error. I attached my entire code because there are several and i'm not sure why the grid events are not working either.
Hi Chris,
Query 1: Yes I am attempted to change my combo box code and added TItem to ComboBoxEvents , but there is an error on ValueChange="@onCustValueChange".
We checked the reported issue using the code attached in the version V18.3.35. The ComboBox control working as expected. Please see attached screenshot and sample.
Screenshot:
If still issue persists, modify the above sample to replicate the issue.
We will update further information on the other queries shortly.
Regards,
Sevvandhi N
Ok, I updated all the other combo boxes with the proper signatures and my project is not complaining about those specific lines.. It was just confusing because it still has a red swiggly line under the line in question. Your project you sent me appears to also have it even though it compiles.
here is a screenshot of your project.
Update: I was able to compile my project by fixing the combo boxes, removed Expanded="false" from my treeview and added <TreeViewTemplates TValue="TreeViewItem">
Removed ExpandOn=@Expand function from my treeview on my Mainlayout.
Issue is now when I run my project and occasionally when I use the multi combo box in the grid, it changes the height and makes it smaller. Also my treeview glitches while expanding and click around. Some nodes tend to disappear and then come back.
Also when I first load, and after a few glitches i refresh the page i get this error
SIGN IN To post a reply.
