ListGrid flashes when page enlarged, if didn't set every column width.

[adoin]

this.congifList = isc.ListGrid.create({ leaveScrollbarGap: true, width: 400, dataSource: _self.configDS, autoFetchData: true, showFilterEditor: true, fields: [ {name: "id", showIf: "false"}, {name: "symbol", title: "字段symbol", canFilter: true}, {name: "title", title: "报表title名", canFilter: true}, {name: "formula", title: "formula", showIf: "false"} ], recordDoubleClick: function (viewer, record, recordNum, field, fieldNum, value, rawValue) { _self.methods.configRecordDbClick(viewer, record, recordNum, field, fieldNum, value, rawValue) } }); Just such a simple listGrid. and once I enlarge the page through (ctrl+mouse wheel ↑) it will be like this

[Blama]

Hi adoin,

please see the Browser Zoom docs.
For me, I decided to use leaveScrollbarGap, as it reduces the issue for me a lot.

Best regards
Blama

[adoin]

Hi adoin,

please see the Browser Zoom docs.
For me, I decided to use leaveScrollbarGap, as it reduces the issue for me a lot.

Best regards
Blama

See my code? I have already add the leaveScrollbarGap attribute.

[Blama]

Well, it does not look like it. You are also setting showFilterEditor: true and it does not show. Are you sure you are showing the correct code?

See this sample and play with leaveScrollbarGap and height to the the effect:

isc.ListGrid.create({
    ID: "countryList",
    width:525, height:600, alternateRecordStyles:true, leaveScrollbarGap: true, canRemoveRecords: true,
    dataSource: worldDS,
    fields:[
        {name:"countryCode", width:60},
        {name:"countryName"},
        {name:"capital"},
        {name:"continent"},
        {name:"area"},
        {name:"population"}
    ],
    autoFetchData: true,
    showFilterEditor: false,
    allowFilterExpressions: true,
    initialCriteria: { _constructor: "AdvancedCriteria", operator: "and",
        criteria: [
            { fieldName: "countryName", operator: "iNotContains", value: "i" },
            { fieldName: "capital", operator: "iBetweenInclusive", start: "A", end: "FZZZZZZZZZZ" },
            { _constructor: "AdvancedCriteria", operator: "or",
                criteria: [
                    { fieldName: "population", operator: "lessThan", value: "1000000" },
                    { fieldName: "population", operator: "greaterThan", value: "100000000" }
                ]
            }
        ]
    }
});

Also, what version are you using?

Best regards
Blama

[adoin]

Well, it does not look like it. You are also setting showFilterEditor: true and it does not show. Are you sure you are showing the correct code?

See this sample and play with leaveScrollbarGap and height to the the effect:

isc.ListGrid.create({
ID: "countryList",
width:525, height:600, alternateRecordStyles:true, leaveScrollbarGap: true, canRemoveRecords: true,
dataSource: worldDS,
fields:[
{name:"countryCode", width:60},
{name:"countryName"},
{name:"capital"},
{name:"continent"},
{name:"area"},
{name:"population"}
],
autoFetchData: true,
showFilterEditor: false,
allowFilterExpressions: true,
initialCriteria: { _constructor: "AdvancedCriteria", operator: "and",
criteria: [
{ fieldName: "countryName", operator: "iNotContains", value: "i" },
{ fieldName: "capital", operator: "iBetweenInclusive", start: "A", end: "FZZZZZZZZZZ" },
{ _constructor: "AdvancedCriteria", operator: "or",
criteria: [
{ fieldName: "population", operator: "lessThan", value: "1000000" },
{ fieldName: "population", operator: "greaterThan", value: "100000000" }
]
}
]
}
});

Also, what version are you using?

Best regards
Blama

We do need the filter,the version is lgpl-3.0, also even I excute

   
 isc.Page.clearEvent('resize');

Just some of the page didn't flashing, others still flashing when page enlarged. Do you know what happened when page enlarging?