Hi there,
First let me show you my code first,
<!-- Page Content Body --> <div class="content mt-3"> <div class="animated fadeIn"> <div class="row"> <div class="col-lg-12"> <div class="card"> <div class="card-header"> <h4>Language Settings</h4> </div> <div class="card-body"> <div class="row form-group"> <asp:Panel CssClass="col-sm-12" ID="pnlMessage" runat="server"> <div class="alert alert-success alert-dismissible fade show" role="alert"> <span class="badge badge-pill" id="message_header"> <!-- add badge-[type] for changing notification style --> <asp:Label runat="server" ID="lbl_type"></asp:Label></span> <asp:Label runat="server" ID="lblMessage"></asp:Label> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </asp:Panel> </div> <div class="row form-group"> <div class="col-md-6"> <div class="row"> <div class="col-md-5"> <asp:Label ID="label" AssociatedControlID="txt_languageName" Text="Enter language Name" runat="server" /> </div> <div class="col-md-7"> <telerik:RadTextBox runat="server" ID="txt_languageName" Skin="Glow" RenderMode="Lightweight" Width="100%"> <EnabledStyle BackColor="#FFFFFF" ForeColor="Black"></EnabledStyle> <FocusedStyle BackColor="Black" ForeColor="#FFFFFF"></FocusedStyle> <HoveredStyle BackColor="Black" ForeColor="#FFFFFF"></HoveredStyle> </telerik:RadTextBox> <small class="form-text text-muted hide_me">This is a help text</small> </div> </div> </div> <div class="col-md-6"> <div class="row"> <div class="col-md-5"> <asp:Label ID="label1" AssociatedControlID="txt_langCode" Text="Enter language Code" runat="server" /> </div> <div class="col-md-7"> <telerik:RadTextBox runat="server" ID="txt_langCode" Width="100%" Skin="Glow" RenderMode="Lightweight"> <EnabledStyle BackColor="#FFFFFF" ForeColor="Black"></EnabledStyle> <FocusedStyle BackColor="Black" ForeColor="#FFFFFF"></FocusedStyle> <HoveredStyle BackColor="Black" ForeColor="#FFFFFF"></HoveredStyle> </telerik:RadTextBox> <small class="form-text text-muted hide_me">This is a help text</small> </div> </div> </div> </div> <!-- second row --> <div class="row form-group"> <div class="col-md-6"> <div class="row"> <div class="col-md-5"> <asp:Label ID="label2" AssociatedControlID="txt_languageName" Text="Enter Culture Code" runat="server" /> </div> <div class="col-md-7"> <telerik:RadTextBox runat="server" ID="txt_culture_code" Skin="Glow" RenderMode="Lightweight" Width="100%"> <EnabledStyle BackColor="#FFFFFF" ForeColor="Black"></EnabledStyle> <FocusedStyle BackColor="Black" ForeColor="#FFFFFF"></FocusedStyle> <HoveredStyle BackColor="Black" ForeColor="#FFFFFF"></HoveredStyle> </telerik:RadTextBox> <small class="form-text text-muted hide_me">This is a help text</small> </div> </div> </div> <div class="col-md-6"> <div class="row"> <div class="col-md-5"> <asp:Label ID="label3" AssociatedControlID="txt_isoValue" Text="Enter ISO Code" runat="server" /> </div> <div class="col-md-7"> <telerik:RadTextBox runat="server" ID="txt_isoValue" Width="100%" Skin="Glow" RenderMode="Lightweight"> <EnabledStyle BackColor="#FFFFFF" ForeColor="Black"></EnabledStyle> <FocusedStyle BackColor="Black" ForeColor="#FFFFFF"></FocusedStyle> <HoveredStyle BackColor="Black" ForeColor="#FFFFFF"></HoveredStyle> </telerik:RadTextBox> <small class="form-text text-muted hide_me">This is a help text</small> </div> </div> </div> </div> <!-- third row --> <div class="row form-group"> <div class="col-md-12 headerClass"> <div class="btn-group"> <asp:Button runat="server" ID="btnSave" Text="Save" Width="53%" OnClick="btnSave_OnClick" CssClass="w3-btn" /> <asp:Button runat="server" ID="btnSearch" Text="Search" Width="53%" OnClick="btnSearch_OnClick" CssClass="w3-btn" /> </div> </div> </div> <!-- show hide radgrid --> <div class="row form-group"> <div class="col-md-12"> <telerik:RadGrid runat="server" ID="radGridLanguage" AutoGenerateColumns="False" BorderStyle="None" AllowPaging="True" AllowSorting="True" OnItemCommand="radGridLanguage_ItemCommand" PageSize="10" RenderMode="Lightweight" Skin="Glow" Style="margin-top: 1%; width: 98%; font-size: 13px"> <MasterTableView AllowFilteringByColumn="True" NoMasterRecordsText="No language data found" Height="10px" BackColor="#272c33" FilterItemStyle-BorderColor="white"> <Columns> <telerik:GridBoundColumn DataField="lang_name" FilterControlAltText="Filter column column" HeaderText="Language Name" UniqueName="column" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="culture_name" FilterControlAltText="Filter column1 column" HeaderText="Culture Name" UniqueName="column1" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="culture_code" FilterControlAltText="Filter column2 column" HeaderText="Culture Code" UniqueName="column2" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="iso_639x_value" FilterControlAltText="Filter column3 column" HeaderText="ISO Value" UniqueName="column3" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn HeaderText="Action" AllowFiltering="false"> <ItemTemplate> <asp:Label ID="lblLangAutoId" Text='<%#Eval("autoid") %>' runat="server" Visible="false"></asp:Label> <asp:ImageButton ID="imgBtnDelLanguage" runat="server" Width="20px" ImageUrl="~/Images/delete.png" OnClick="imgBtnDelLanguage_OnClick" OnClientClick="return confirm('want to delete?');" /> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> <PagerStyle Mode="NextPrevAndNumeric" /> <GroupingSettings CollapseAllTooltip="Collapse all groups" /> <HeaderStyle BackColor="#272c33" Font-Bold="True" BorderColor="white" /> </telerik:RadGrid> </div> </div> </div> </div> </div> </div> </div> </div> <!-- set ajaxify --> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="lp" ShowLoadingPanelForPostBackControls="True" UpdatePanelsRenderMode="Inline"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="btnSearch"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="radGridLanguage" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="lp" runat="server" Transparency="30" MinDisplayTime="300" EnableEmbeddedSkins="False"> <div class="loading"> <asp:Image ID="Image1" runat="server" ImageUrl="../../Images/loading-default.gif" AlternateText="loading"></asp:Image> </div> </telerik:RadAjaxLoadingPanel>
Now as you could see, I have four text box controls two button controls(Save,Search) and one grid and one panel control present in page.
Flow:
Now as mentioned previously two buttons are save and search.
- When User fill up the form and click on Save button data will store into database and after that panel will be popped up describing status message.(done)
- Now, while user clicks on Search button grid will appear. (done)
- Now while user clicks on the delete button, data gets deleted , but that panel is not showing up.(Not Done)
- After clicking on the delete button I want to reset my controls (textbox) . (Not done)
protected void btnSave_OnClick(object sender, EventArgs e) { pnlMessage.Visible = true; _objBelAdministration.flag = "insert"; _objBelAdministration.strLanguageName = txt_languageName.Text.Trim(); _objBelAdministration.strCultureName = txt_langCode.Text.Trim(); _objBelAdministration.strCultureCode = txt_culture_code.Text.Trim(); _objBelAdministration.strIsoValue = txt_isoValue.Text.Trim(); if ((_objBlAdministration.InsertLanguageInfo(_objBelAdministration)) > 0) { lbl_type.Text = "Sucess"; lblMessage.Text = "Sucessfully inserted into database"; ScriptManager.RegisterStartupScript(this.Page, typeof(Type), "alert01", "addClassSucess();", true); } else { lbl_type.Text = "Failure!"; lblMessage.Text = "Problem while inserting into database"; ScriptManager.RegisterStartupScript(this.Page, typeof(Type), "alert012", "addClassDanger();", true); } GetLanguages(); } protected void imgBtnDelLanguage_OnClick(object sender, ImageClickEventArgs e) { pnlMessage.Visible = true; var button = (ImageButton)sender; var item = (GridDataItem)(button.NamingContainer); _objBelAdministration.flag = "delete"; _objBelAdministration.autoid = ((Label)(item.FindControl("lblLangAutoId"))).Text; if (_objBlAdministration.DeleteLanguageInfo(_objBelAdministration) > 0) { lbl_type.Text = "Sucess"; lblMessage.Text = "Deleted from database"; ScriptManager.RegisterStartupScript(this.Page, typeof(Type), "alert01", "addClassSucess();", true); } else { lbl_type.Text = "Error"; lblMessage.Text = "Error ocured when Deleting from database"; ScriptManager.RegisterStartupScript(this.Page, typeof(Type), "alert01", "addClassSucess();", true); } ResetControls(); GetLanguages(); } private void ResetControls() { txt_languageName.Text = ""; txt_langCode.Text = ""; txt_culture_code.Text = ""; txt_isoValue.Text = ""; }
