【问题标题】:RadGrid - Scrolling does not work on mobile devices when ItemTemplate usedRadGrid - 使用 ItemTemplate 时,滚动在移动设备上不起作用
【发布时间】:2016-07-27 22:49:43
【问题描述】:

我有一个属性 RenderMode 设置为 Mobile 的 RadGrid。 它工作得很好,如果我将“粗略”数据添加到 ItemTemplate 中,您可以垂直滚动,例如

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

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

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

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

如果您使用 GridBoundColumn 也可以正常工作,这意味着只有当您将容器添加到模板列中时,它才会在 移动设备 上停止滚动。在台式机上仍然可以正常工作。谢谢

注意:我已经检查过了,这个问题还没有回答。谢谢

【问题讨论】:

  • 很抱歉问这个问题,但是为什么你需要一个 div 呢?有一个telerik-control来保存item-template中的绑定数据不是更简单吗?就像 radlabel 和 eval / 将数据绑定到文本(假设它是文本)。如果您需要添加的项目不止一个,只需添加一个表格即可。

标签: asp.net html telerik telerik-grid


【解决方案1】:

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

<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 设置任何特定的样式选择

编码愉快! :)

【讨论】:

  • 我明白你的意思,但我的问题是模板本身有点复杂,左侧有四舍五入的数字,差异 bg 颜色等,这使我使用容器,顺便说一句,不必是 div。我尝试过使用表格、面板等,但它们都不能在移动设备上运行。
  • 我刚刚意识到,只有将标签拉伸到整行(宽度:100%)时,它才可以使用标签...必须对 radgrid 进行一些调整,以便按顺序进行在移动设备上移动时使行内容向上/向下滚动。
  • 因此,如果我理解正确,您需要一个显示文本的解决方案(同样,我假设它是文本)。但是有这么多文本,您需要能够滚动标签,因为它没有正确包装它?
  • 另外,我不确定您使用的是哪种移动设备。我们开发的应用程序可以在平板电脑和台式机/笔记本电脑上运行,并且我们曾多次将 GridTemplateColumns 与表格一起使用。
  • 我在包括 iPhone 5 和三星 S6 在内的几台设备上进行了测试。它在没有项目模板的情况下总是可以正常工作,并且永远不会与项目模板一起使用。如前所述,它的行为就像我想将网格拖动/移动到某处......它抓住了整个页面。仅当您触摸行之间的某个位置时,它才能正常工作。奇怪的。我想我会使用另一个控件
猜你喜欢
  • 2019-08-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-09-26
  • 1970-01-01
相关资源
最近更新 更多