Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
extjs4>;网格>;动态设置高度以适应任意数量的记录_Extjs - Fatal编程技术网

extjs4>;网格>;动态设置高度以适应任意数量的记录

extjs4>;网格>;动态设置高度以适应任意数量的记录,extjs,Extjs,在我的ExtJS4网格中,我希望在加载记录时动态设置高度 例如: 如果我的网格加载52条记录,那么它应该同时显示所有52条记录(网格中没有任何滚动条) 如果我的网格加载73条记录,那么它应该同时显示所有73条记录(网格中没有任何滚动条) i、 我不需要网格中的任何滚动条。相反,我想使用浏览器的滚动条代替 有人有解决方案吗?您必须处理网格存储上的加载事件,然后通过 youGrid.getStore().on('load', function anonym(){ myGrid.setHeigh

在我的ExtJS4网格中,我希望在加载记录时动态设置高度

例如:

  • 如果我的网格加载52条记录,那么它应该同时显示所有52条记录(网格中没有任何滚动条)

  • 如果我的网格加载73条记录,那么它应该同时显示所有73条记录(网格中没有任何滚动条)

  • i、 我不需要网格中的任何滚动条。相反,我想使用浏览器的滚动条代替


    有人有解决方案吗?

    您必须处理网格存储上的加载事件,然后通过

    youGrid.getStore().on('load', function anonym(){
       myGrid.setHeight(this.getCount() * 16); // to be calculated
    }
    

    当然,如果不为网格指定高度属性,则必须调整此网格的所有父容器的大小。这将解决问题。

    谢谢您的帮助, 这就是答案,但如果您不在网格初始化范围内,类似这样的情况更合适:

    myGrid.getView().on('refresh',function(){
    var-cellheight=28;
    var滴定光=50;
    myGrid.setHeight(myGridStore.getCount()*cellheight+titlheight);
    
    });

    我们需要知道哪个版本?检查这个我认为不起作用,你需要做的是挂接网格存储的加载事件,计算有多少行,然后相应地调整网格的高度@AhsanAbdulJabbar你知道这一切都可以通过使用分页来避免吗?我的一些单元格跨越2-3行,我如何计算?这对我来说很有效,似乎是最简单的解决方案。它还解决了digz6666的问题“我的一些细胞跨越2-3行,我如何计算?”
    Ext.create('Ext.grid.Panel', {
        id: "empDetails",
        store: store,
        columns: [{
            text: "Name",
            dataIndex: 'Name'
        }, {
            text: "Age",
            dataIndex: 'Age'
        }],
        renderTo: 'example-grid',
        forceFit: true,
        width: 300,
        ***getTotalHeight: function() {
            return "auto";
        },***
        dockedItems: [{
            xtype: 'toolbar',
            items: [{
                    text: 'Employee Details'
                }
    
            ]
        }]
    
    });