2009-07-23 14 views
0

私はC#でASP.Netプロジェクトを持っており、データソースを反復処理することによってhtmlテーブルを構築するaspxページでRepeater Controlを使用しています。 JQuery Flexigridプラグインを使用してテーブルをスクロール可能にしたいのですが、プラグインのドキュメントが不足しているために動作させる方法を理解できませんでした。誰もこれを行う方法を知っているか、または共有するサンプルコードを持っていますか?JQuery Flexigridプラグインin ASP.Net

答えて

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; 
} 
+0

これはまさに私がやってきたことであり、成功していません。 flexigridテーブルを作成する呼び出しは、以下のような文書準備関数でラップするか、何もしません。しかし、コードを実行すると、Invalid argumentエラーメッセージが表示されます。 $(document).ready(function(){ $( '。flex1')。フレキシグリッド(); }); –

+0

jQueryのバージョン、$(document).readyの使用法、theadとtbodyタグを削除して、いくつかのバリエーションで彼のサンプルをテストしましたが、何もエラーを投げているようです。あなたのページのソースコードを見て、テーブルが適切にフォーマットされていることを確認してください。 – phairoh

1

シンプルなGoogle検索「asp.net + flexigridは」私にthisthis

を与えた私はまた、あなたが多分、より良い、より良い文書化jqGrid

を見ているので、サポートはflexigridのために地面に薄くなるように見えることに言及しなければなりません
0

idでテーブルを参照しようとしないでください、あなたが使用して方がいいでしょうテーブルを識別するクラスページソースを見ると、テーブルIDがmytableではないことがわかります。ページ構造によっては、ASP.NETによって変更されています。