Fatal编程技术网
  • javascript/
  • Javascript 当点击编辑链接时，GridView带有响应性可脚踏插件会中断

Javascript 当点击编辑链接时，GridView带有响应性可脚踏插件会中断

javascript c# asp.net gridview

Javascript 当点击编辑链接时，GridView带有响应性可脚踏插件会中断,javascript,c#,asp.net,gridview,footable,Javascript,C#,Asp.net,Gridview,Footable,我正在尝试使用footable插件使gridview具有响应性。在移动视图中的页面加载时，页面被正确加载，隐藏加号中的列，但当单击特定行的编辑链接时，页面被加载，但footable的加号被禁用。这是我的密码： 母版页，母版 <%@ Master Language="C#" AutoEventWireup="true" CodeFile="Surveillance.master.cs" Inherits="Surviellance_Surveillance" %> <!DOCT

我正在尝试使用footable插件使gridview具有响应性。在移动视图中的页面加载时，页面被正确加载，隐藏加号中的列，但当单击特定行的编辑链接时，页面被加载，但footable的加号被禁用。这是我的密码：

母版页，母版

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Surveillance.master.cs" Inherits="Surviellance_Surveillance" %>

<!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 runat="server">
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1, user-scalable=no" />
<link href="../Content/bootstrap.min.css" rel="stylesheet" />
<link href="../Style/StyleSheet.css" rel="stylesheet" />
<link href="../Content/font-awesome.min.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/0.1.0/css/footable.min.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/jquery-1.9.1.min.js"></script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<div id="header">

    <form id="frm" runat="server">
        <header>
        </header>
        <div class="container-fluid" id="body">
            <asp:ContentPlaceHolder ID="BodyContentPlaceHolder" runat="server">
            </asp:ContentPlaceHolder>
            <div id="blankDiv" class="overlay">
                <div class="messagealert " id="alert_container">
                </div>
            </div>
        </div>
        <footer class="panel-footer white">
            <div class="row">
            </div>
        </footer>
    </form>
</div>
<script src="../Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/0.1.0/js/footable.min.js"></script>
<script>
    $(function () {
         $('.AspGridview').footable({
             breakpoints: {
                phone: 480,
                tablet: 1024
            }
        });
    });
</script>
</body>
</html>
可在pageLoad功能下进行加载，如

function pageLoad()
{
    $(".table").footable();
}
请确保在UpdatePanel刷新后调用
$（'.AspGridview'）.footable
。@VDWWD footable在母版页中调用。就html/javascript而言，没有母版/子版页。那么我如何知道它是否在UpdatePanel刷新后调用 
//binding data to gridview
protected DataTable BindGrid()
{
    using (SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["AppConn"].ToString()))
    {
        con.Open();
        string query = "SELECT * FROM DBO.WEB_SURV_G_FLAG_MASTER ORDER BY [G_FLAG_CODE]";
        SqlCommand cmd = new SqlCommand(query, con);
        cmd.CommandType = CommandType.Text;
        cmd.Connection = con;
        SqlDataAdapter adapter = new SqlDataAdapter(cmd);
        DataTable dt = new DataTable();
        adapter.Fill(dt);
        dt.DefaultView.Sort = "G_FLAG_CODE ASC";
        grdGMasterDetails.DataSource = dt;
        grdGMasterDetails.DataBind();
        grdGMasterDetails.HeaderRow.TableSection = TableRowSection.TableHeader;

        grdGMasterDetails.HeaderRow.Cells[0].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[1].Attributes["data-class"] = "expand";
        grdGMasterDetails.HeaderRow.Cells[2].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[3].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[4].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[5].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[6].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[7].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[8].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[9].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[10].Attributes["data-hide"] = "phone";
        grdGMasterDetails.HeaderRow.Cells[11].Attributes["data-hide"] = "phone";
        int count = grdGMasterDetails.Rows.Count;
        lblRecordsCount.Text = count.ToString();
        con.Close();
        return dt;            
    }
}

function pageLoad()
{
    $(".table").footable();
}