Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

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


    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

    #2
    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

    Comment


      #3
      Originally posted by Blama View Post
      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.

      Comment


        #4
        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:
        Code:
        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

        Comment


          #5
          Originally posted by Blama View Post
          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:
          Code:
          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
          Code:
             
           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?

          Comment

          Working...
          X