对象不支持属性或方法“AddFill”

Question

我的程序Coldfusion在多个页面上有问题，在这些页面中，网格将不会显示。最初我们得到了一个"'EXT‘是未定义的错误“，但是在更新脚本文件时，我们得到了一个"Object不支持属性或方法'AddFill'”。我是这个程序的新手，我们不能访问任何老开发人员来提出问题，但是从我可以收集到的信息来看，我们正在使用ext.PagingToolbar.AddFill()向cfgrid下面的自定义工具栏添加额外的按钮。

我想问大家的问题是，我能对下面的代码做些什么来纠正没有显示的网格呢？

CFGRID代码：

<cfgrid name="userGrid"
                        format="html"
                        pagesize="20"
                        preservePageOnSort="true"
                        bind="cfc:auto_report.UserService.getAllUsers({cfgridpage},{cfgridpagesize},{cfgridsortcolumn},{cfgridsortdirection},'#session.cycle#','#session.user_display#',{search_userid@keyup},{search_fname@keyup},{search_lname@keyup},{search_org})"
                        sort="true"
                        stripeRows="true">
                    <cfgridcolumn name="userId" header="User Id" width="200" />
                    <cfgridcolumn name="fname" header="First Name" width="150" />
                    <cfgridcolumn name="lname" header="Last Name" width="150" />
                    <cfgridcolumn name="org_name" header="Org Name" width="150" />
                    <cfgridcolumn name="email" header="Email" width="200" />
                    <cfgridcolumn name="access_level" header="Permissions" width="140" />
                    <cfgridcolumn name="activity_status" header="Active" />
                    <cfgridcolumn name="locked" header="Locked" />
                </cfgrid>

页眉JS：

function initGrid(){
//grid 
var grid = ColdFusion.Grid.getGridObject("userGrid");
// grid data
var ds = grid.getStore();
ColdFusion.Grid.hideBottomToolbar('userGrid');

    // number of records display
    var FtrPge = new Ext.PagingToolbar ({
        renderTo: grid.bbar,
        pageSize: 20,
        store: ds,
        displayInfo: true,
        displayMsg: '<font color="black">Now Showing Grid Rows {0}-{1}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;Total Grid Rows Returned: {2} </font>&nbsp;',
        emptyMsg: "No Matching Data Found"
        });
        FtrPge.addFill();
        FtrPge.addFill();
        FtrPge.doLayout();
        grid.syncSize()

        //double click
        grid.on("rowdblclick", showUserForm);
        //var updStyl = setActiveStyleSheet("A");

    //new user form button
    FtrPge.add ('-', {
        pressed: false,
        enableToggle:false,
        text: '&nbsp;&nbsp;&nbsp;',
        icon:'/MPPT/images/icon-addNew.gif',
        cls: 'x-btn-text-icon',
        tooltipType: 'title',
        tooltip: 'Add New User',
        handler:newUser});
    FtrPge.doLayout();

    //permissions form button
    FtrPge.add ('-', {
        pressed: false,
        enableToggle:false,
        text: '&nbsp;&nbsp;&nbsp;',
        icon:'/MPPT/images/icon-EditPermission.png',
        cls: 'x-btn-text-icon',
         tooltipType: 'title',
         tooltip: 'Permissions Update: By Group',
        handler:newPermission});
    FtrPge.doLayout();

}

编辑: Coldfusion 2016和jsEXT 4.1

Answer 1

问题似乎是，从extjsVersion4.0开始，网格发生了重大变化，因此不再存在带有addFill()方法的addFill对象。相反，要添加填充，可以使用Ext.toolbar.PagingToolbar和add()方法，如下所示：

Ext.toolbar.PagingToolbar.add('->');

参考见ExtJS 4.0文档\x{e76f} Ext.toolbar.PagingToolbar。