私はC#でASP.Netプロジェクトを持っており、データソースを反復処理することによってhtmlテーブルを構築するaspxページでRepeater Controlを使用しています。 JQuery Flexigridプラグインを使用してテーブルをスクロール可能にしたいのですが、プラグインのドキュメントが不足しているために動作させる方法を理解できませんでした。誰もこれを行う方法を知っているか、または共有するサンプルコードを持っていますか?JQuery Flexigridプラグインin ASP.Net
0
A
答えて
0
私はFlexigridを一度も使用していませんが、サイトのサンプルを見てから、私は自分の提案を提供します。
リピータで作成する必要があるのは、少なくともtheadセクションとtbodyセクションがある適切にフォーマットされたhtmlテーブルです。
$("#mytable").flexigrid();
そこからあなたが作るためのオプションのトンになりそうだ何で渡すことができます。一度、次への単純な呼び出しはデフォルト設定でFlexigridテーブルを作成する必要が作る、行わ
<table id="mytable">
<thead>
<tr>
<th>header1</th>
<th>header2</th>
</tr>
</thead>
<tbody>
<tr>
<td>table data 1</td>
<td>table data 2</td>
<tr>
</tbody>
</table>
あなたが望むほど美しく見えます。
リピータ自体については、必要なものに応じてセットアップする方法があります。
<table>
<thead>
<tr>
<th><asp:label id="header1" runat="server"></asp:label></th>
<th><asp:label id="header2" runat="server"></asp:label></th>
</tr>
</thead>
<tbody>
<asp:repeater id="myrepeater" runat="server" OnItemDataBound="myrepeater_ItemDataBound">
<ItemTemplate>
<tr>
<td><asp:label id="data1" runat="server"></asp:label></td>
<td><asp:label id="data2" runat="server"></asp:label></td>
</tr>
</ItemTemplate>
</asp:repeater>
</tbody>
</table>
そして、あなたのデータバインドイベントは、次のようになります:おそらく次のように簡単な方法はある
public void myrepeater_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
myDataObject = e.Item.DataItem;
Label data1 = e.Item.FindControl("data1");
Label data2 = e.Item.FindControl("data2");
data1.Text = myDataObject.data1;
data2.Text = myDataObject.data2;
}
1
0
がid
でテーブルを参照しようとしないでください、あなたが使用して方がいいでしょうテーブルを識別するクラスページソースを見ると、テーブルIDがmytable
ではないことがわかります。ページ構造によっては、ASP.NETによって変更されています。
関連する問題
- 1. flexigrid select行by selectIndex
- 2. asp.net javascript getelementbyid in iframe
- 3. Reference ImageButton in asp.net
- 4. checkbox in dropdownlist asp.net
- 5. SendMail in asp.net
- 6. Page_load in asp.net
- 7. pagination in asp.net mvc
- 8. ResourceStore In ASP.Net
- 9. CheckboxList in ASP.Net MVC3
- 10. ViewState in GridView ASP.Net
- 11. FindControl in Asp.Net
- 12. GridView in ASP.NET 2.0
これはまさに私がやってきたことであり、成功していません。 flexigridテーブルを作成する呼び出しは、以下のような文書準備関数でラップするか、何もしません。しかし、コードを実行すると、Invalid argumentエラーメッセージが表示されます。 $(document).ready(function(){ $( '。flex1')。フレキシグリッド(); }); –
jQueryのバージョン、$(document).readyの使用法、theadとtbodyタグを削除して、いくつかのバリエーションで彼のサンプルをテストしましたが、何もエラーを投げているようです。あなたのページのソースコードを見て、テーブルが適切にフォーマットされていることを確認してください。 – phairoh