jQuery MiniUI

标题: fit布局和datagrid [打印本页]

作者: hk5138 时间: 2014-4-18 17:17:34 标题: fit布局和datagrid

用fit包住datagrid后,数据比较多出现滚动条,此时拖动滚动条时能不能固定表头,有没有好的解决方法

作者: lost 时间: 2014-4-18 17:22:53

http://www.miniui.com/demo/datagrid/fitsize.html
你测试下官网的示例数据多时滚动滚动条，表头是固定的。

作者: hk5138 时间: 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>

作者: lost 时间: 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

作者: hk5138 时间: 2014-4-18 18:07:43

lost 发表于 2014-4-18 17:35
1.页面是否有
2.给表格加个高度。3.mini-fit的父元素加高度，具体参考我们的示例
http://www.miniui.com/d ...

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)