ページロード後にグリッドビューの列見出しにFooTableブレークポイントを適用する

Question

GridViewにFooTableを追加して初期化します。私は

<th data-hide="phone,tablet" align="center" scope="col" style="width:4%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$Status&#39;)" style="color:White;">Status</a></th> 

なり、その後、ヘッダが変更されます後FooTableを初期化するために

<th align="center" scope="col" style="width:4%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$Status&#39;)" style="color:White;">Status</a></th> 

の属性を変更したい

<table class="footable" cellspacing="0" cellpadding="8" rules="all" border="1" id="cpContent_gvWorkOrderListing" style="color:#666666;border-style:Double;width:100%;border-collapse:collapse;"> 
<tr align="center" style="color:White;background-color:#939598;font-size:12px;"> 
    <th class="gridHiddenColumn" scope="col">&nbsp;</th> 
    <th class="gridHiddenColumn" scope="col">&nbsp;</th> 
    <th align="center" scope="col" style="width:4%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$SlNo&#39;)" style="color:White;">Sl No.</a></th> 
    <th align="center" scope="col" style="width:10%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$WorkOrderNo&#39;)" style="color:White;">WorkOrder Number</a></th> 
    <th align="center" scope="col" style="width:8%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$AssignTo&#39;)" style="color:White;">Assigned To</a></th> 
    <th align="center" scope="col" style="width:4%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$Status&#39;)" style="color:White;">Status</a></th> 
    <th align="center" scope="col" style="width:8%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$ExternalReferenceId&#39;)" style="color:White;">External RefID</a></th> 
    <th align="center" scope="col" style="width:8%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$CustomerNo&#39;)" style="color:White;">Account Number</a></th> 
    <th align="center" scope="col" style="width:10%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$CustomerName&#39;)" style="color:White;">Customer Name</a></th> 
    <th align="center" scope="col" style="width:5%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$BuildingNo&#39;)" style="color:White;">BuildingNo</a></th> 
    <th align="center" scope="col" style="width:10%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$StreetName&#39;)" style="color:White;">Street Name</a></th> 
    <th align="center" scope="col" style="width:6%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$City&#39;)" style="color:White;">City</a></th> 
    <th align="center" scope="col" style="width:5%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$WorkOrderDate&#39;)" style="color:White;">WorkOrder Date</a></th> 
    <th align="center" scope="col" style="width:5%;"><a href="javascript:__doPostBack(&#39;ctl00$cpContent$gvWorkOrderListing&#39;,&#39;Sort$DueDate&#39;)" style="color:White;">Due Date</a></th> 
    <th align="center" scope="col" style="width:8%;">Note1</th> 
    <th align="center" scope="col" style="width:8%;">Note2</th> 
</tr> 

：

はコードを考えます。

私はこれが私にアンカーを与えるだろうと思う：

$('a').filter(function(index) { return $(this).text() === "Status"; } 

、これは属性を追加します。

$("th").attr("data-hide", "phone,tablet"); 

しかし、私は私のタスクを達成するためにそれらを組み合わせることで、ブランクを描いています。

Answer 1

すべてのポストバックがページ全体を再レンダリングするので、コードの背後にhtmlマークアップを追加するのは簡単です。そのDataBoundまたはRowDataBoundイベント

// VB Code - convert as necessary 
Private Sub gvWorkOrderListing_PreRender(sender As Object, e As EventArgs) Handles gvWorkOrderListing.PreRender 

    Dim hrc As TableCellCollection = gvList.HeaderRow.Cells 

    For idx As Int32 = 0 To hrc.Count - 1 

    // Modify condition to single out relevant columns 
    // This is based in what I see in your rendered table 
    If idx > 1 Then 
     hrc(idx).Attributes("data-hide") = "phone,tablet" 
    End If 

    Next 
End Sub