개체가 속성 또는 메서드 'AddFill'을 지원하지 않습니다.

Question

내 프로그램에 문제가 있습니다. Coldfusion Grid가 여러 페이지에 있는데, 그리드가 표시되지 않습니다. 원래 우리는 " 'EXT'가 정의되지 않은 오류입니다."그러나 스크립트 파일을 업데이트 할 때 "개체가 속성 또는 메서드 '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

문제로 시작하는 것 같다 extjs 버전 4.0에서는 그리드에 중요한 변경 사항이있어서 Ext.P가 더 이상 존재하지 않습니다. addFill() 메서드가있는 agingToolbar 객체 대신, 추가 당신과 같이 add() 메소드를 이용하여 Ext.toolbar.PagingToolbar을 사용 채우기 :

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

는 참조 용으로 ExtJS 4.0 Docs | Ext.toolbar.PagingToolbar를 참조하십시오.