jQuery MiniUI

 找回密码
 立即注册
查看: 2334|回复: 4
打印 上一主题 下一主题

fit布局和datagrid [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2014-4-18 17:17:34 |只看该作者 |倒序浏览
用fit包住datagrid后,数据比较多出现滚动条,此时拖动滚动条时能不能固定表头,有没有好的解决方法

Rank: 8Rank: 8

沙发
发表于 2014-4-18 17:22:53 |只看该作者
http://www.miniui.com/demo/datagrid/fitsize.html
你测试下官网的示例数据多时滚动滚动条,表头是固定的。

Rank: 2

板凳
发表于 2014-4-18 17:29:49 |只看该作者
lost 发表于 2014-4-18 17:22
http://www.miniui.com/demo/datagrid/fitsize.html
你测试下官网的示例数据多时滚动滚动条,表头是固定的 ...

网站示例是好的,我的就不管用了

<%@ Page Title="" Language="C#" MasterPageFile="~/Masters/MiniUI/Base.Master" AutoEventWireup="true"
    CodeBehind="UsrSelView.aspx.cs" Inherits="Aim.Portal.Web.CommonPages.MiniUI.UsrSelView" %>

<%@ OutputCache Duration="1" VaryByParam="None" %>
<asp:Content ID="HeadContent" ContentPlaceHolderID="HeadHolder" runat="server">
    <script type="text/javascript">

        var viewport;
        var store;
        var grid, pgBar;
        var qryParams = {};
        var pgBar;

        function onPgLoad() {
            var params = $.getAllQueryStrings() || {};
            $.each(params, function () {
                qryParams[this.name] = this.value;
            });

            setPgUI();
        }

        function setPgUI() {
            var columns = [
              { type: "indexcolumn", width: 30, allowResize: false },
              { type: "checkcolumn" },
              { header: "姓名", field: "Name", width: "100%", sortable: true },
              { header: "工号", field: "WorkNo", width: 120, sortable: true },
              { header: "登录名", field: "LoginName", width: 120, sortable: true }
            ];

            grid = new mini.ux.AimDataGrid({
                idProperty: "UserID",
                dsname: "UsrList",
                columns: columns,
                data: AimState["UsrList"],
                aimpager: 'aimpager',
                schpanel: "schPanel",
                renderTo: "grid1"
            });
        }

        function doSearch(domid) {
            grid.reload({ schtype: "field", schdom: document.getElementById(domid) });
        }

        // 获取被选中的用户
        function GetSelections(type) {
            //var recs = grid.getSelectionModel().getSelections();
            //if (recs == null || recs.length == 0) {
            //    return null;
            //}

            //switch (type) {
            //    default:
            //        return recs;
            //}
        }

    </script>

</asp:Content>
<asp:Content ID="BodyContent" ContentPlaceHolderID="BodyHolder" runat="server">
    <div id="schPanel" style="padding: 5px 10px; border-left: 1px solid #909aa6; border-right: 1px solid #909aa6;">
        <span>姓名:</span><input type="text" id="Name" qryopts="{ mode: 'Like', field: 'Name' }" aimgrp="defgrp" />
        <span>工号:</span><input type="text" id="WorkNo" qryopts="{ mode: 'Like', field: 'WorkNo' }" aimgrp="defgrp" />
        <input type="button" value="查找" onclick="doSearch('Code')" />
    </div>
    <div id="fit1" class="mini-fit">
        <div id="grid1">
        </div>
    </div>
    <div id="aimpager" style="border-left: 1px solid #909aa6; border-right: 1px solid #909aa6; border-bottom: 1px solid #909aa6; background-color: rgb(231, 234, 238);">
    </div>
</asp:Content>

Rank: 8Rank: 8

地板
发表于 2014-4-18 17:35:46 |只看该作者
本帖最后由 lost 于 2014-4-18 17:37 编辑
hk5138 发表于 2014-4-18 17:29
网站示例是好的,我的就不管用了

1.页面是否有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.给表格加个高度。3.mini-fit的父元素加高度,具体参考我们的示例
http://www.miniui.com/demo/datagrid/fitsize.html

Rank: 2

5#
发表于 2014-4-18 18:07:43 |只看该作者
lost 发表于 2014-4-18 17:35
1.页面是否有
2.给表格加个高度。3.mini-fit的父元素加高度,具体参考我们的示例
http://www.miniui.com/d ...

问题解决了,原来咱们的render不是渲染到这个元素上,是渲染在这个元素下面的一个子元素上

Archiver|普加软件

GMT+8, 2024-11-27 12:41 , Processed in 1.068559 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部