RadGrid - 使用ItemTemplate时,滚动在移动设备上不起作用

时间:2016-07-27 22:49:43

标签: asp.net html5 telerik telerik-grid

我有一个 RadGrid ,其属性RenderMode设置为Mobile。 它工作正常,你可以垂直滚动,如果我添加"粗糙"数据进入ItemTemplate,例如

<ItemTemplate>
<%# Eval("SomeData") %> 
</ItemTemplate>

但是,如果我在数据周围添加一些额外的标签,例如

<ItemTemplate>
  <div class="text-center">
    <%# Eval("SomeData") %>
  </div>
</ItemTemplate>

我无法再滚动数据,因为它的行为就像我拖动整个控件一样。

如果您使用 GridBoundColumn 代替意义,它也可以正常工作,只有当您将容器添加到模板列时,它才会停止在移动设备上滚动。在桌面上仍然完美无缺。谢谢

注意:我已经检查过,此问题尚未得到解答。 THX

1 个答案:

答案 0 :(得分:0)

为了进一步重复我的评论,这就是我处理templatecolumns的方式,并且非常成功。

<telerik:GridTemplateColumn HeaderText="ID" AllowFiltering="True" runat="server" HeaderStyle-Width="2%"
    HeaderButtonType="TextButton" CurrentFilterFunction="EqualTo" AutoPostBackOnFilter="True" ShowFilterIcon="False" 
    FilterControlWidth="100%" UniqueName="IDX_Actual" DataField="IDX_Actual" SortExpression="IDX_Actual" 
    GroupByExpression="IDX ID Group By ID">

            <ItemTemplate>

                <telerik:RadLabel ID="RlblIDX" runat="server" Text='<%# Bind("IDX_Actual") %>' UniqueName="RlblIDX" />

            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center" />
            <HeaderStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

然后,标签将使用ItemStyle将文本与其指定宽度的中心对齐。 它也位于telerik-control中,它本身为您提供了以后可能(或可能不会)很好的其他功能。

此外,您可以使用radlabel的CSSclass

设置任何特定的样式选择

快乐的编码! :)