标签内容加载时如何显示加载图像? [英] how to show loading image when tab content is loading?
本文介绍了标签内容加载时如何显示加载图像?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
有一个带有三个面板的tabcontainer,其中当我单击选项卡时加载了gridview时,我具有gridview,我希望在gridview加载之前,应该显示img gif,并且在网格加载完成后应该隐藏起来为此,我将代码编写为
have a tabcontainer with three panel,inside that i have gridview when i user click on the tab the gridview is loaded ,i want till the gridview is loading a img gif should be shown,and should got hide after the grid loads completly for that i had written code as
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="example.aspx.cs" Inherits="example" %> <%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <script type="text/javascript">
$(function() { $("#mytab").mytab({ ajaxOptions: { type: 'POST', data: postData, beforeSend: function() { $('#loader').show(); }, complete: function() { $("#loader").hide(); } } }); }); </script> </head> <body> <form id="form2" runat="server"> <iframe id="iFrame2" runat="server" height="2px" width="2px"></iframe> <asp:UpdatePanel ID="UpdatePanel2" runat="server"> <contenttemplate> <div> <asp:ScriptManager ID="ScriptManager2" runat="server" EnablePartialRendering="true"> </div> <asp:Panel ID="loader" runat="server" Wrap="true" CssClass="body" > <table cellpadding="5" cellspacing="5" style="width:322px; height:245px; border:1"> <tr> <td style="width:322px; height:245px; border:1"> <asp:Image ID="Image1" Width="322px" Height="245px" BorderWidth="0" runat="server" ImageUrl="Images/loading.gif" /> </td> </tr> </table> <cc1:TabContainer ID="mytab" runat="server" Width="100%" Visible="true" AutoPostBack="true" > <cc1:TabPanel runat="server" HeaderText="application" ID="TabPanel1" > <contenttemplate> <asp:Panel ID="Panel1" runat="server"> <table class="outline-tabs"> <tr class="pagination-row"> </tr> <tr> <td> <asp:UpdatePanel ID="UpdatePanel3" runat="server"> <contenttemplate> <asp:GridView ID="GridView1" runat="server" CssClass="tblGrid" AllowSorting="True"> </contenttemplate> </td> </tr> </table> </contenttemplate> </contenttemplate> </form> </body> </html>
但是,当我运行该应用程序时,由于Microsoft JScript运行时错误,我得到了一个错误:对象期望上面的代码出了什么问题,缺少任何文件,因为我使用jquery
but when i run the application i get a error as Microsoft JScript runtime error: Object expected what is wrong in the above code,any file is missing,since i m using jquery
推荐答案
(函数(){
(" #mytab").mytab({ajaxOptions:{类型: POST',数据:postData,beforeSend:功能(){
("#mytab").mytab({ ajaxOptions: { type: 'POST', data: postData, beforeSend: function() {
(#loader').show();},完成:功能 (){
('#loader').show(); }, complete: function() {
这篇关于标签内容加载时如何显示加载图像?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文