为什么grid消失了?

halibote

我的系统中有两个页面，第一个页面中在modelload方法中动态的创建出grid,放在页面上
var parentNode = thisWindow.getElementByXid("content2");
                var option = {
                        parentNode : parentNode,
                        // grid的属性，设计时有的属性都可以设置
                        xid : "gridMain",
                        data : "mainData",
                        width : '100%',
                        height : 'auto',
                        hiddenCaptionbar : 'true',
                        multiselect : 'true',
                        multiselectWidth : '55',
                        multiboxonly : 'true',
                        class : "x-grid-title-center",
                        showRowNumber : true,
                        rowNumberWidth : '55',
                        directEdit : 'true',
                        serverSort : 'true',
                        altRows : true,
                        altclass : 'altclasslightblue',
                        appearance : 'grid',
                        rowActiveClass : "blueActive",
                        onCellRender : "dataTables1CellRender",
                        onRowClick : "dataTables1RowClick",
                        onRowDblClick : "dataTables1RowDblClick",
                        // 列定义
                        colModel : colModels
                };
                var gridid = thisWindow.getIDByXID("gridMain");
                if (gridid) {
                        $("#" + gridid).remove();
                        $(".x-grid-view").parent().remove();
                        new Grid(option);
                }

第二个页面是直接拖拽的grid，就是html代码写的grid,
操作顺序是先打开第二个页面，再打开第一个，然后再切换回第二个的时候，grid不见了，一片空白，请问为什么

cgrddv

看一看是不是remove的时候，选择器选到了第二个页面的grid

halibote

这个页面与页面之间不是独立的么，执行一个页面的时候难道还能找到其他页面么，动态生成那段代码是我从论坛上拷出来的，我还不清楚他为什么要remove呢

jishuang

1.平台是单页面模式的，如果通过样式或者id控制，打开的页面中有同样的样式或者id就都会起作用
2.论坛中发的是根据不同的需求实现的，有些是需要根据条件判断创建不同的grid把之前的删除了，你的不需要删除，可以把remove的实现去掉

halibote

哦，那就是去掉remove那段，直接new出来就解决了
我还想知道this.comp("xid"),这种方式获取到的对象不会与其他页面重合吧，用xid的方式，还有grid如何固定表头呢

jishuang

1.this.comp("xid")获取的不会
2.固定表头可以用panel布局，把grid放到panel的中间区域
   或者grid的高度设置为固定值

halibote

jishuang 发表于 2016-8-15 16:38
1.this.comp("xid")获取的不会
2.固定表头可以用panel布局，把grid放到panel的中间区域
   或者grid的高度 ...

设置grid的height好像不起作用，我是用panel里面放的grid，然后设置height为100%，好像能固定表头了，最后一个问题，grid如何根据内容宽度，确定列宽呢

jishuang

http://doc.wex5.com/comps-datatables-grid/#2.7

halibote

没看到有能设置根据列标题内容或根据内容文字长度设置宽度的地方，只有固定宽度，和根据剩余宽度平均分配宽度

jishuang

没有，那就没有设置设置

可以到网上查一下jquery grid是否有方法控制