0

asp.net グリッドビューで足を踏み入れようとしています。私は、インターネット上のすべての ASP.NET ガイドに従ってフッタブルを作成しましたが、何も機能していないようです。

Gridview ASP マークアップ

<asp:GridView ID="GridView1" runat="server" CssClass="footable"  AutoGenerateColumns="false" OnRowCommand="GridView1_RowCommand" DataKeyNames="ClientID" DataSourceID="SqlDataSource1" Style="max-width: 1024px" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
    <Columns>
        <asp:CommandField ShowSelectButton="True" />
        <asp:BoundField DataField="ClientID"  HeaderText="Client ID" InsertVisible="False" ReadOnly="True" SortExpression="ClientID" />
        <asp:BoundField DataField="FirstName" HeaderText="First Name" SortExpression="FirstName" />
        <asp:BoundField DataField="LastName" HeaderText="Last Name" SortExpression="LastName" />
        <asp:BoundField DataField="Suburb" HeaderText="Suburb" SortExpression="Suburb" />
        <asp:BoundField DataField="MobileNumber" HeaderText="Mobile Number" SortExpression="MobileNumber" />
    </Columns>
</asp:GridView>

コード ビハインド ファイル

GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;

GridView1.HeaderRow.Cells[0].Attributes["data-class"] = "expand";
GridView1.HeaderRow.Cells[2].Attributes["data-hide"] = "phone, tablet";

JS

<script type="text/javascript">
$(function () {
    $('[id*=GridView1]').footable();
});

誰かが素晴らしいアイデアを持っているなら。

4

2 に答える 2

0

フッタブル名の Java スクリプト関数を「applyFootable」として作成し、次のように Java スクリプトからページの読み込み時にこれを呼び出します。

<script type="text/javascript">
$(function () {
    applyFootable();
}); 

function applyFootable() {
    $('[id*=GridView1]').footable();
}

また

function applyFootable(){
     $('.footable').footable();
}

また、以下のように ScriptManager.RegisterStartupScript を使用して (ページ読み込みイベントで) コード ビハインド ページから呼び出す必要があります。

protected void Page_Load(object sender, EventArgs e)
{

   ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "applyFootable", "applyFootable();", true);

}

これを試してください、それは私のために働いていました。

于 2016-01-18T14:36:03.530 に答える