GridView有錯誤，當我嘗試凍結前兩列時

我使用一個名爲GridViewScroll的工具從http://gridviewscroll.aspcity.idv.tw/Demo.aspx#Freeze來完成任務。我正在關注示例中顯示的所有內容：GridView有錯誤，當我嘗試凍結前兩列時

他們在示例中使用AdventureWorks數據庫，因此我下載了該數據庫並將其附加到我的sql服務器。

My .aspx code 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" MaintainScrollPositionOnPostback="true" %> 

<!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"> 
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> 

    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 

      <div style="overflow-x:scroll;width:1600px;"> 
      <input id="scrollPos" runat="server" type="hidden" value="0" /> 
      <asp:GridView ID="GridV1" runat="server" Width="100%" 
    AutoGenerateColumns="False" GridLines="None" AllowPaging="True" AllowSorting="True" 
        DataKeyNames="ProductID" DataSourceID="SqlDataSource1"> 
    <Columns> 
     <asp:BoundField HeaderText="ProductID" DataField="ProductID" 
      ItemStyle-BackColor="#EFEFEF" InsertVisible="False" ReadOnly="True" 
      SortExpression="ProductID" > 
     <HeaderStyle CssClass="GridviewScrollHeader" /> 
     <ItemStyle CssClass="GridviewScrollItem" /> 
     </asp:BoundField> 
     <asp:BoundField HeaderText="Name" DataField="Name" 
      ItemStyle-BackColor="#EFEFEF" SortExpression="Name" > 
     <HeaderStyle CssClass="GridviewScrollHeader" /> 
     <ItemStyle CssClass="GridviewScrollItem" /> 
     </asp:BoundField> 
     <asp:BoundField HeaderText="ProductNumber" DataField="ProductNumber" 
      SortExpression="ProductNumber" /> 
     <asp:CheckBoxField DataField="MakeFlag" HeaderText="MakeFlag" 
      SortExpression="MakeFlag" /> 
     <asp:CheckBoxField DataField="FinishedGoodsFlag" HeaderText="FinishedGoodsFlag" 
      SortExpression="FinishedGoodsFlag" /> 
     <asp:BoundField HeaderText="Color" DataField="Color" SortExpression="Color" /> 
     <asp:BoundField HeaderText="SafetyStockLevel" DataField="SafetyStockLevel" 
      SortExpression="SafetyStockLevel" /> 
     <asp:BoundField HeaderText="ReorderPoint" DataField="ReorderPoint" 
      SortExpression="ReorderPoint" /> 
     <asp:BoundField HeaderText="StandardCost" DataField="StandardCost" 
      SortExpression="StandardCost" /> 
     <asp:BoundField HeaderText="ListPrice" DataField="ListPrice" 
      SortExpression="ListPrice" /> 
     <asp:BoundField HeaderText="Size" DataField="Size" SortExpression="Size" /> 
     <asp:BoundField DataField="SizeUnitMeasureCode" 
      HeaderText="SizeUnitMeasureCode" SortExpression="SizeUnitMeasureCode" /> 
     <asp:BoundField DataField="WeightUnitMeasureCode" 
      HeaderText="WeightUnitMeasureCode" SortExpression="WeightUnitMeasureCode" /> 
     <asp:BoundField DataField="Weight" HeaderText="Weight" 
      SortExpression="Weight" /> 
     <asp:BoundField DataField="DaysToManufacture" HeaderText="DaysToManufacture" 
      SortExpression="DaysToManufacture" /> 
     <asp:BoundField DataField="ProductLine" HeaderText="ProductLine" 
      SortExpression="ProductLine" /> 
     <asp:BoundField DataField="Class" HeaderText="Class" SortExpression="Class" /> 
     <asp:BoundField DataField="Style" HeaderText="Style" SortExpression="Style" /> 
     <asp:BoundField DataField="ProductSubcategoryID" 
      HeaderText="ProductSubcategoryID" SortExpression="ProductSubcategoryID" /> 
     <asp:BoundField DataField="ProductModelID" HeaderText="ProductModelID" 
      SortExpression="ProductModelID" /> 
     <asp:BoundField DataField="SellStartDate" HeaderText="SellStartDate" 
      SortExpression="SellStartDate" /> 
     <asp:BoundField DataField="SellEndDate" HeaderText="SellEndDate" 
      SortExpression="SellEndDate" /> 
     <asp:BoundField DataField="DiscontinuedDate" HeaderText="DiscontinuedDate" 
      SortExpression="DiscontinuedDate" /> 
     <asp:BoundField DataField="rowguid" HeaderText="rowguid" 
      SortExpression="rowguid" /> 
     <asp:BoundField DataField="ModifiedDate" HeaderText="ModifiedDate" 
      SortExpression="ModifiedDate" /> 
    </Columns> 
    <HeaderStyle CssClass="GridviewScrollHeader" /> 
    <RowStyle CssClass="GridviewScrollItem" /> 
    <PagerStyle CssClass="GridviewScrollPager" /> 
</asp:GridView> 

       <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
        ConnectionString="<%$ ConnectionStrings:AdventureWorks2008ConnectionString %>" 
        SelectCommand="SELECT TOP 30 * FROM [AdventureWorks2008].[Production].[Product] WHERE DaysToManufacture &gt; 1"> 
       </asp:SqlDataSource> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> 
<script type="text/javascript" src="../Scripts/gridviewScroll.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     gridviewScroll(); 
    }); 

    function gridviewScroll() { 
     $('#<%=GridV1.ClientID%>').gridviewScroll({ 
      width: 660, 
      height: 200, 
      freezesize: 2 
     }); 
    } 
</script> 


    </div> 

    </form> 
</body> 
</html>

我得到下面的錯誤，當我在瀏覽器 enter image description here

我做了一些研究和用戶的一個表示運行，如果用戶控件是一樣的比錯誤的函數occurs.so我甚至改變了我的GridView1的名稱GridV1但錯誤依然

所以當我點擊任何的錯誤一切看起來正常，但前兩列不凍結

enter image description here

gridviewscroll.min.js

enter image description here

任何幫助將不勝感激

來源

2015-04-27 HackGod555

你下載了'gridviewScroll.min.js'嗎？你確定它存在於你指定的路徑嗎？ – Andrei

真的哇，簡單的解決方案，我試圖找到過去幾天的答案。 thnx隊友!!! – HackGod555

後您的更新它變得清晰，路徑不正確，應該是

<script type="text/javascript" src="gridviewScroll.min.js"></script>

來源

2015-04-27 14:42:36 Andrei

感謝@Andrei我不得不改變

<script type="text/javascript" src="../Scripts/gridviewScroll.min.js"></script>

到

<script src="gridviewScroll.min.js" type="text/javascript"></script>

，因爲我有gridviewscroll.min.js放入我的解決方案

enter image description here

比它解決了我的問題：

enter image description here

來源

2015-04-27 14:47:54 HackGod555

GridView有錯誤，當我嘗試凍結前兩列時

回答

相關問題