Hi Priyanka,
Thanks so much for your reply and assistance.
Sorry, I probably should have given a bit more context in my original post. I need to use reflection as I'm trying to create a "Dynamic Data Form" component that supports the case where the Model type is not known at compile time. I probably simplified the example code in my original post too much. I've updated the attached code to hopefully better demonstrate what I am trying to achieve. My "Dynamic Data Form" component also provides support for an IPropertyApplicability interface so that class specific rules for property applicability can be defined. I've included this in the attachment also.
I've been experimenting with various workarounds and if I supply a Template for each FormItem the correct form items are visible, except that each time a property is changed which affects the number of visible controls in the data form, additional whitespace is left behind.
i.e. The following HTML elements seems to be left behind in the DOM each time, creating more whitespace.
<div style="gap: 0 ;" class="e-grid-col-1 e-form-layout"><div class="e-colspan-1 e-label-position-top"><!--!--></div></div>
My Razor for my component is the following:
<SfDataForm Model="Model">
<FormItems>
@foreach (var property in Model.GetType().GetProperties())
{
var attribute = property.GetCustomAttribute<BindableAttribute>();
// If the property has a BindableAttribute and it's not bindable, skip this property
if (attribute != null && !attribute.Bindable)
{
continue;
}
// If the model implements IPropertyApplicability and the property is not applicable, skip this property
if (Model is IPropertyApplicability propertyApplicability && !propertyApplicability.IsPropertyApplicable(property))
{
continue;
}
<FormItem Field="@property.Name">
<Template >
<label class="e-form-label">@property.Name</label>
@switch (property.PropertyType)
{
// Create a different input component based on the type of the property
case Type t when t == typeof(bool):
<SfCheckBox TChecked="bool" Checked="(bool)GetPropertyValue(property)" CheckedChanged="@((bool newValue) => SetPropertyValue(property, newValue))"></SfCheckBox>
break;
case Type t when t == typeof(string):
<SfTextBox Value="@((string)GetPropertyValue(property))" ValueChanged="@((string newValue) => SetPropertyValue(property, newValue))"></SfTextBox>
break;
case Type t when t == typeof(int):
<SfNumericTextBox TValue="int" Value="(int)GetPropertyValue(property)" ValueChanged="@((int newValue) => SetPropertyValue(property, newValue))"></SfNumericTextBox>
break;
case Type t when t == typeof(decimal):
<SfNumericTextBox TValue="decimal" Value="(decimal)GetPropertyValue(property)" ValueChanged="@((decimal newValue) => SetPropertyValue(property, newValue))"></SfNumericTextBox>
break;
case Type t when t == typeof(DateTime):
<SfDatePicker TValue="DateTime" Value="(DateTime)GetPropertyValue(property)" ValueChanged="@((DateTime newValue) => SetPropertyValue(property, newValue))"></SfDatePicker>
break;
default:
<SfTextBox Value="@((string)GetPropertyValue(property))" ValueChanged="@((string newValue) => SetPropertyValue(property, newValue))"></SfTextBox>
break;
}
</Template>
</FormItem>
}
</FormItems>
</SfDataForm>
Attachment:
SFDataFormTest_1ec136f3.zip
