1

javascriptを使用してグリッドビューの列の名前が必要なWebアプリケーションを開発しています。その後、この列の名前を Div に表示します。

これを手伝ってください。

4

2 に答える 2

2

これを行う標準的な方法はありません。GridView は、実行時の html テーブルに他なりません。最善の方法は、javascript を使用してこのテーブルを取得し、その列を取得することです。

次のように宣言したとしますgridview。

<asp:GridView ID="GridView1" runat="server">
</asp:GridView>

実行時に次のようにバインドします。

        DataTable dt= new DataTable();
        db.Columns.Add("Col1");
        db.Columns.Add("Col2");

        db.Rows.Add("one", "two");
        GridView1.DataSource = dt;
        GridView1.DataBind();

次に、実行時に、以下のようなマークアップが生成されますgridView

<table cellspacing="0" rules="all" border="1" id="GridView1" 
       style="border-collapse:collapse;">
     <tr>
         <th scope="col">Col1</th>
         <th scope="col">Col2</th>
     </tr>
     <tr>
        <td>one</td>
        <td>two</td>
    </tr>
</table>

明らかに、列はテーブル内のth要素であり、GridView以下のように JavaScript を介して簡単に取得できます。

var table = document.getElementById('GridView1');
var headers = table.getElementsByTagName('th');

for(var i=0;i<headers.length;i++)
{
    alert(headers[i].innerText);
    //or append to some div innerText
}

テーブル要素を取得する方法については、このフィドルを参照してください

于 2013-06-13T07:43:29.610 に答える
0

GridView はページ ソースの HTML テーブルとしてレンダリングされるため、Jquery を使用して を取得し、ソースを表示して、それが任意のクラスに関連付けられているかどうかを確認してから、それをセレクターとして使用できます。通常、$('table tr th')この投稿が役立つ場合がありますjQueryを使用したテーブルセルの値?

于 2013-06-13T07:29:47.730 に答える