• Extjs 疑难杂症 (LoadMark 遮罩、Panel Update无效、chrome浏览器date控件全屏)


    一、在extjs gridPanel中使用LoadMark无效,三步搞定。

    原代码:

    grid = new Ext.grid.GridPanel({
                store: store,
                title:'资料列表',
                columns: [
                    new Ext.grid.RowNumberer(),
                    sm,
                    {id:'infoCode', header: "编码",  100, sortable: true, dataIndex: 'infoCode'},
                    {header: "标题",  300, dataIndex: 'title'},
                    {header: "内容",  clientWidth-400, dataIndex: 'content'}
                ],
                sm : sm,
                applyTo : 'grid',  //1、必须,extjs需要知道gridPanel渲染在哪里 才能进行遮罩
                loadMask:true,     //2、必须
                clientWidth,
                height:clientHeight,
                bbar:new Ext.PagingToolbar({
                    pageSize: limit,
                    displayInfo: true,
                    store: store
                }),
                tbar: tbars
            });

        //3、且store.load() 应在gridPanel创建之后调用

    二、chrome浏览器下 date控件全屏bug

    在ext-all.css中加入控件的宽度185

    .x-date-picker {
      border: 1px solid;
      border-top:0 none;
      position:relative;
       185px;
    }

  • 相关阅读:
    margin和pading的百分比值
    Vue中的computed和watch
    JS的自身属性和继承属性
    JS对象的可枚举属性和不可枚举属性
    Dart语言学习
    Practice_Test
    Lesson2 basic python_20200920
    Python 基础语法L1
    小男孩和狗的故事
    智者的故事
  • 原文地址:https://www.cnblogs.com/hzm112567/p/3458972.html
Copyright © 2020-2023  润新知