Hello,
I have an Issue with a Blazor Datagrid in EditMode.Batch.
I have an SfDropDownTree included within a columns Edittemplate. When trying to expand an entry. The dropdown of the SfDropdownTree "Jump" to the bottom of the page and stops reacting.
I was able to reproduce this in your sandbox:
Example Code in Sandbox
Because code is only available for 90 days:
Entire example code:
@using Syncfusion.Blazor.Grids
@using Syncfusion.Blazor.DropDowns
@code{
SfGrid GridRef;
public List GridData { get; set; } = new List();
public List Countries = new List() { "United States", "Australia" };
public List States = new List() { "New York", "Virginia", "Washington", "Queensland", "Tasmania", "Victoria" };
public List TestDataList {get;set;} = new List();
private SfDropDownTree TestSelector { get; set; } = new();
public bool Enabled = false;
protected override void OnInitialized()
{
if (GridData.Count() == 0)
{
int code = 10000;
for (int i = 1; i < 10; i++)
{
GridData.Add(new Orders(code + 1, "ALFKI", i + 0, 2.3 * i, new DateTime(1991, 05, 15), "United States", "New York"));
GridData.Add(new Orders(code + 2, "ANATR", i + 2, 3.3 * i, new DateTime(1990, 04, 04), "Australia", "Queensland"));
GridData.Add(new Orders(code + 3, "ANTON", i + 1, 4.3 * i, new DateTime(1957, 11, 30), "United States", "Virginia"));
GridData.Add(new Orders(code + 4, "BLONP", i + 3, 5.3 * i, new DateTime(1930, 10, 22), "United States", "Washington"));
GridData.Add(new Orders(code + 5, "BOLID", i + 4, 6.3 * i, new DateTime(1953, 02, 18), "Australia", "Victoria"));
code += 5;
}
}
if(!TestDataList.Any())
{
TestDataList.Add(new TestObj(1,null,"Parent 1"));
TestDataList.Add(new TestObj(2,null,"Parent 2"));
TestDataList.Add(new TestObj(3,null,"Parent 3"));
TestDataList[0].Childs.Add(new TestObj(4,1,"Child 1 1"));
TestDataList[1].Childs.Add(new TestObj(5,2,"Child 1 2"));
TestDataList[2].Childs.Add(new TestObj(6,3,"Child 1 3"));
};
}
public class TestObj
{
public TestObj(){}
public TestObj(int Id, int? ParentId, string Desc)
{
this.Id = Id;
this.ParentId = ParentId;
this.Desc = Desc;
}
public int Id {get;set;}
public int? ParentId {get;set;}
public string Desc {get;set;}
public bool Expanded {get;set;}
public List Childs {get;set;} = new List();
public bool HasChilds {
get{
return Childs.Any();
}
}
}
public class Orders
{
public Orders()
{
}
public Orders(long OrderId, string CustomerId, int EmployeeId, double Freight, DateTime OrderDate, string ShipCountry, string ShipState)
{
this.OrderID = OrderId;
this.CustomerID = CustomerId;
this.EmployeeID = EmployeeId;
this.Freight = Freight;
this.OrderDate = OrderDate;
this.ShipCountry = ShipCountry;
this.ShipState = ShipState;
}
public long OrderID { get; set; }
public long? ParentOrderID {get;set;}
public string CustomerID { get; set; }
public int EmployeeID { get; set; }
public double Freight { get; set; }
public DateTime OrderDate { get; set; }
public string ShipCountry { get; set; }
public string ShipState { get; set; }
public int? TestObjId {get;set;}
}
public void ValueChange(@Syncfusion.Blazor.DropDowns.ChangeEventArgs args)
{
if (args.Value == "United States")
{
States = new List() { "New York", "Virginia", "Washington" };
}
else if (args.Value == "Australia")
{
States = new List() { "Queensland", "Tasmania", "Victoria" };
}
Enabled = true;
GridRef.PreventRender(false);
}
public void OnActionBegin(Syncfusion.Blazor.Grids.ActionEventArgs args)
{
if (args.RequestType == Syncfusion.Blazor.Grids.Action.BeginEdit)
{
Enabled = false;
}
}
private async void TestSelectedAction(List args)
{
if (!args.Any() || args.First() == null)
return;
var newTest = TestDataList.FirstOrDefault(x => x.Id == args.First());
if (newTest == null)
return;
var _selected = await GridRef.GetSelectedRecordsAsync();
if(!_selected.Any())
return;
var _currentSelected = _selected.First();
if (_currentSelected.TestObjId == newTest.Id) return;
_currentSelected.TestObjId = newTest.Id;
}
}
Bold BI
Bold Reports
BoldDesk