私は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. jquery Flexigridセルテンプレート
- 2. jqueryのflexigridセレクタ
- 3. JQuery Flexigridアシスタント
- 4. 誰かがASP.NET MVC3でjquery flexigridを使用しましたか?
- 5. jQuery Flexigrid非表示列のドロップダウン
- 6. jQuery Flexigridで列を並べ替える
- 7. advancedNewFileプラグインin sublime
- 8. asp.net mvcでJQuery autoSuggestプラグインを使用
- 9. ASP.NET MVC 3 - Ajax.BeginForm vs jQuery Formプラグイン
- 10. FlexiGridの列ヘッダーの固定
- 11. Jquery Flexigridは、最初にflexigridを実行した場合にのみリロードされます
- 12. ブログ・プラグインin zend framework 1.11.7
- 13. checkbox in dropdownlist asp.net
- 14. Reference ImageButton in asp.net
- 15. CheckboxList in ASP.Net MVC3
- 16. FindControl in Asp.Net
- 17. Page_load in asp.net
- 18. ResourceStore In ASP.Net
- 19. GridView in ASP.NET 2.0
- 20. pagination in asp.net mvc
- 21. ASP.NET MVCで@Transactional in ASP.NET MVC
- 22. アップロードファイルjqueryプラグイン
- 23. phpでjQuery Flexigridを使用するには?
- 24. Flexigridの行にonclickイベントを追加
- 25. ViewData in ASP.NET MVC 3
- 26. Recalc Cart in ASP.NETサイト
- 27. Flexigridにデータが表示されない
- 28. Jquery .replace unknown in()
- 29. jQuery、Toggle in toggle
- 30. jquery focus in/out
これはまさに私がやってきたことであり、成功していません。 flexigridテーブルを作成する呼び出しは、以下のような文書準備関数でラップするか、何もしません。しかし、コードを実行すると、Invalid argumentエラーメッセージが表示されます。 $(document).ready(function(){ $( '。flex1')。フレキシグリッド(); }); –
jQueryのバージョン、$(document).readyの使用法、theadとtbodyタグを削除して、いくつかのバリエーションで彼のサンプルをテストしましたが、何もエラーを投げているようです。あなたのページのソースコードを見て、テーブルが適切にフォーマットされていることを確認してください。 – phairoh