Hi Joji,
Thanks for contacting Syncfusion support.
Query 1: how do I clear/reload the iframe onClose of the modal?
We can clear the form controls value inside the dialog control. Using Dialog close event, we can get the form element inside the iframe. After getting the form, we can clear the values using reset() method. We have prepared sample to meet your requirement, in this sample we have used iframe type for Dialog content. Please refer the below cod block.
[Default.aspx]
|
<ej:Button ID="Button1" Type="Button" Text="Click to open dialog" ClientSideOnClick="btnclick1" runat="server"></ej:Button>
<ej:Dialog ID="NodeDialog" runat="server" ShowOnInit="false" EnableModal="true" ContentType="iframe" ContentUrl="WebForm1.aspx" ClientSideOnClose="onDialogClose" Width="500" Height="600" Title="Choose an option">
</ej:Dialog>
<script type="text/javascript">
function btnclick1() {
var dialogObj = $("#<%=NodeDialog.ClientID%>").ejDialog("instance");
dialogObj.open();
$("#<%=Button1.ClientID%>").hide();
}
function onDialogClose(args) {
$("#<%=Button1.ClientID%>").show();
var iframe = document.getElementsByClassName("e-iframe");
var formCtrl = iframe[0].contentWindow.document.getElementsByTagName('form')[0];
formCtrl.reset();
}
</script> |
We have attached sample for your convenience, which can be downloaded from the below link.
Query 2: How i reset them to unchecked onFormReload?
In order to clear the selection, we suggest you to clear the "SelectedRowIndices" property of Grid and also set the "SelectedRowIndex" to "-1" on form reload. In the below example, we have cleared selection in button click event at server end. Similarly, we suggest you to clear selection in form reload.
Please check the below code,
|
<ej:button ID="Start" runat="server" Text="Clear" Size="Medium"
ShowRoundedCorner="true" OnClick="Button_Click"></ej:button>
<ej:Grid ID="OrdersGrid" runat="server">
<Columns>
<ej:Column Type="checkbox" HeaderText="OrderID" TextAlign="Left" ></ej:Column>
<ej:Column Field="OrderID" HeaderText="OrderID" IsPrimaryKey="True" ></ej:Column>
</Columns>
</ej:Grid>
Protected Sub Button_Click(ByVal sender As Object, ByVal e As
Syncfusion.JavaScript.Web.ButtonEventArgs)
Dim selectedRows As ArrayList = Me.OrdersGrid.Model.CheckedRowIndices
If OrdersGrid.SelectedRowIndices.Count <> 0 Then
If True Then
'Clearing the SelectedRowIndices of grid using Clear method
Me.OrdersGrid.Model.SelectedRowIndices.Clear()
'Setting SelectedRowIndex to -1
OrdersGrid.SelectedRowIndex = -1
End If
End If
End Sub |
Please check the below API help documentations,
If you still face this issue, then kindly share us the below details,
- Complete grid rendering code(both client and code behind).
- Video demonstrating the issue.
- Screenshots of error with stack trace (if any).
- Share us your Essential Studio Version details.
Please let us know, if you need any further assistance.
Regards,
Muthukrishnan K
