FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 7977|回复: 9
打印 上一主题 下一主题

【已结帖】grid滚动条如何显示?

[复制链接]
跳转到指定楼层
楼主
发表于 2014-8-31 22:07:38 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
我参照在线示例的表格代码,然后修改了如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="EmptyProjectNet40_FineUI.test" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <title></title>
    <link href="./res/css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
        <fageManager ID="ageManager1" runat="server" />        
                <fatePicker runat="server" Required="true" Label="查询日期" EmptyText="请选择日期" ID="dpDate" ShowRedStar="True" Width="300px">
                </fatePicker>
                <f:Button ID="btnSubmit" runat="server" ValidateForms="SimpleForm1" Text="查询">
                </f:Button>
                <f:Button runat="server" ID="Button1" Text="导出为Excel文件">
        </f:Button>        
         <f:Grid ID="Grid1" ShowBorder="true" ShowHeader="false" Title="数据表格"  AutoScroll="true"        
            runat="server" DataKeyNames="Id" >
            <Columns>
                <f:TemplateField Width="50px" EnableColumnHide="false" EnableHeaderMenu="false">
                    <ItemTemplate>
                        <aspabel ID="Label1" runat="server" Text='<%# Container.DataItemIndex + 1 %>'></aspabel>
                    </ItemTemplate>
                </f:TemplateField>
                <f:BoundField Width="100px" DataField="Column1" DataFormatString="{0}" HeaderText="列1" />
                <f:BoundField Width="100px" DataField="Column2" DataFormatString="{0}" HeaderText="列2" />
                <f:BoundField Width="100px" DataField="Column3" DataFormatString="{0}" HeaderText="列3" />
                <f:BoundField Width="100px" DataField="Column4" DataFormatString="{0}" HeaderText="列4" />
                <f:BoundField Width="100px" DataField="Column5" DataFormatString="{0}" HeaderText="列5" />
                <f:BoundField Width="100px" DataField="Column6" DataFormatString="{0}" HeaderText="列6" />
                <f:BoundField Width="100px" DataField="Column7" DataFormatString="{0}" HeaderText="列7" />
                <f:BoundField Width="100px" DataField="Column8" DataFormatString="{0}" HeaderText="列8" />
                <f:BoundField Width="100px" DataField="Column9" DataFormatString="{0}" HeaderText="列9" />
                <f:BoundField Width="100px" DataField="Column10" DataFormatString="{0}" HeaderText="列10" />
                <f:BoundField Width="100px" DataField="Column11" DataFormatString="{0}" HeaderText="列11" />
                <f:BoundField Width="100px" DataField="Column12" DataFormatString="{0}" HeaderText="列12" />
                <f:BoundField Width="100px" DataField="Column13" DataFormatString="{0}" HeaderText="列13" />
                <f:BoundField Width="100px" DataField="Column14" DataFormatString="{0}" HeaderText="列14" />
                <f:BoundField Width="100px" DataField="Column15" DataFormatString="{0}" HeaderText="列15" />
                <f:BoundField Width="100px" DataField="Column16" DataFormatString="{0}" HeaderText="列16" />
                <f:BoundField Width="100px" DataField="Column17" DataFormatString="{0}" HeaderText="列17" />
                <f:BoundField Width="100px" DataField="Column18" DataFormatString="{0}" HeaderText="列18" />
                <f:BoundField DataField="Column19" DataFormatString="{0}" HeaderText="列19" />
                <f:BoundField DataField="Column20" DataFormatString="{0}" HeaderText="列20" />               
            </Columns>
        </f:Grid>     
        <br />
        <fabel ID="labResult" EncodeText="false" runat="server">
        </fabel>
        <br />
    </form>
</body>
</body>
</html>
显示的时候,有些列都已经被遮挡住了,为什么没有显示横向的滚动条?还需要进行其它的设置吗?

地板
 楼主| 发表于 2014-9-1 20:09:26 | 只看该作者
水平滚动条怎么显示啊?
5#
发表于 2014-9-2 09:58:28 | 只看该作者
你给Grid设置宽度或者放在布局中,该出滚动条时自然就出滚动条,无需设置:http://fineui.com/demo_pro/#/demo_pro/grid/grid_width.aspx
6#
发表于 2014-9-2 17:14:43 | 只看该作者
我也是这个问题, 拖动列没有自己出横向的滚动条
7#
 楼主| 发表于 2014-9-4 19:53:40 | 只看该作者
我搞定了,只要设置height属性就可以了。
8#
发表于 2014-10-3 19:37:11 | 只看该作者
yeziyq 发表于 2014-9-4 19:53
我搞定了,只要设置height属性就可以了。

水平的滚动条怎么跑到height属性去了 求详细解释
9#
发表于 2015-6-17 11:09:36 | 只看该作者
我试了,设置height属性,滚动条出来了
10#
发表于 2015-6-17 11:26:43 | 只看该作者
表格的滚动条会自动显示隐藏,无需特殊设置。

需要注意给Grid设置宽度高度 或者 放在液面布局中,示例:http://fineui.com/demo_pro/#/demo_pro/grid/grid_width.aspx
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-2 17:19 , Processed in 0.046015 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表