Footable Bootstrap Accordian Gridview no Expand按钮

时间:2017-03-21 19:45:59

标签: twitter-bootstrap gridview footable

最初我试图让FooTable Expand按钮显示在CommandField列上,但我放弃了。
现在我试图让它出现在First BoundField列上,但它没有显示。 Gridview正在作为FooTable工作,除了缺少的Expand(加/减)按钮。

我的HTML列代码是:

    <Columns>
<%-- '--- Edit/Delete Gridview's Left-most "Column" -----%>
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True" ControlStyle-Font-Size="10pt">
   <ControlStyle Font-Size="10pt" Font-Bold="True"></ControlStyle>
   <HeaderStyle Width="15%" />
</asp:CommandField>

<%-- '--- Gridview's 2nd Column from Left -----%>
<asp:BoundField DataField="Device_ID" HeaderText="Device ID" HtmlEncode="False" ItemStyle-Wrap="false" SortExpression="Device_ID">
  <HeaderStyle HorizontalAlign="Left" Width="15%" />
  <ItemStyle HorizontalAlign="Left" Font-Size="Small" Font-Bold="True" />
  <ControlStyle Width="80%" />
</asp:BoundField>

VB Codebehind代码是:

 GridView1.UseAccessibleHeader = True
    If Not GridView1.HeaderRow Is Nothing Then
        GridView1.HeaderRow.Cells(1).Attributes("data-class") = "expand"

        ' ''Attribute to hide other columns
        For i As Integer = 2 To GridView1.HeaderRow.Cells.Count - 1
            If i <= 4 Then
                GridView1.HeaderRow.Cells(i).Attributes("data-hide") = "phone"
            Else
                GridView1.HeaderRow.Cells(i).Attributes("data-hide") = "phone,tablet"
            End If
        Next

        ''Adds THEAD and TBODY to GridView.
        GridView1.HeaderRow.TableSection = TableRowSection.TableHeader
    End If

这个VB代码似乎正常工作,因为当我查看“渲染页面”时,我看到 data-class =&#34; expand&#34; &amp;我希望它们在thead列中的数据隐藏=&#34;电话&#34; 。但是,当我减少浏览器的房地产&#39; Expand(加/减)按钮不会出现在任何地方 - 更不用说我希望它出现在第一个BoundField列上( Gridview1.HeaderRow.Cells(1))。

enter image description here

我缺少什么和/或我需要做什么才能出现扩展(加号/减号)按钮?

编辑------------------------
下面的一条评论提到了&#34;图标&#34;而且我对此一无所知。但我仔细观察并在文件中找到了一个引用:

footable.bootstrap.css  

其中有一个类: fooicon
但在该定义中它引用了:
font-family:&#39; Glyphicons Halflings&#39; !重要;

但是在我的字体文件夹中,我有名为:

的文件
glyphicons-halflings-regular.eot  
glyphicons-halflings-regular.svg  
glyphicons-halflings-regular.ttf  
glyphicons-halflings-regular.wolf  
glyphicons-halflings-regular.wolf2  

注意.css文件中声明的字体名称与我的字体文件夹中的文件名(短划线和&#39;常规&#39;)之间的区别 - 我是否需要在.css中更改某些内容宣言?

非常感谢您的意见/建议。

由于

0 个答案:

没有答案