<tbody id="d1jhg"></tbody><th id="d1jhg"><track id="d1jhg"></track></th>
    <nav id="d1jhg"></nav>
  • <em id="d1jhg"></em>
  • <th id="d1jhg"><pre id="d1jhg"><sup id="d1jhg"></sup></pre></th>

  • <em id="d1jhg"></em>
    <em id="d1jhg"><acronym id="d1jhg"></acronym></em><dd id="d1jhg"><noscript id="d1jhg"></noscript></dd>

    EXTJS7 實現點擊拖拉選擇文本

    小編:管理員 30閱讀 2022.09.07

    默認情況下,用戶無法通過點擊拖拉選擇界面上的文本

    解決方案
    1. Ext.Component組件可以使用userSelectable配置項,設置為‘text’,即可實現此組件中文本的點選 注意:如果設置為true,等效于設置樣式 user-select: auto; ,將根據瀏覽器默認屬性進行選擇
    {
    	xtype: 'grid',
    	userSelectable: 'text'
    }
    復制

    也可以傳入對象設置子元素的樣式

    userSelectable: {
       element: true,       // allow the element to be user selectable
       bodyElement: true    // allow the component's body element to be user selectable
    }
    復制
    1. Ext.Component組件可以使用userCls配置項,添加 Ext.baseCSSPrefix + ‘user-selectable-text’ 樣式類
    {
    	xtype: 'grid',
    	columns: [{
    		cell: { userCls: Ext.baseCSSPrefix + 'user-selectable-text' }
    	}]
    }
    復制源碼解析
    Ext.define('Ext.Component', {
    	// userSelectable 各屬性值對應的樣式類
    	userSelectableClsMap: {
            true: Ext.baseCSSPrefix + 'user-selectable-auto',
            false: Ext.baseCSSPrefix + 'user-selectable-none',
            all: Ext.baseCSSPrefix + 'user-selectable-all',
            auto: Ext.baseCSSPrefix + 'user-selectable-auto',
            text: Ext.baseCSSPrefix + 'user-selectable-text',
            none: Ext.baseCSSPrefix + 'user-selectable-none'
        },
        updateUserSelectable: function(newSelectable, oldSelectable) {
            var me = this,
                map = me.userSelectableClsMap,
                el = me.el,
                name, childEl;
     
            if (typeof oldSelectable === 'boolean' || typeof oldSelectable === 'string') {
                el.removeCls(map[oldSelectable]);
            }
            else {
                for (name in oldSelectable) {
                    childEl = me[name];
     
                    //<debug>
                    if (!childEl || !childEl.isElement) {
                        Ext.raise('Element not found: "' + name + '"');
                    }
                    //</debug>
     
                    childEl.removeCls(map[oldSelectable[name]]);
                }
            }
     
            if (typeof newSelectable === 'boolean' || typeof newSelectable === 'string') {
            	// 如果傳入為布爾或字符串,直接添加對應的樣式類
                el.addCls(map[newSelectable]);
            }
            else {
            	// 如果傳入的是對象,則根據對象屬性分別給子元素添加樣式類
                for (name in newSelectable) {
                    childEl = me[name];
     
                    //<debug>
                    if (!childEl || !childEl.isElement) {
                        Ext.raise('Element not found: "' + name + '"');
                    }
                    //</debug>
     
                    childEl.addCls(map[newSelectable[name]]);
                }
            }
        },
    });
    復制
    關聯標簽:
    国产亚洲无线码在软件线,国产女人18毛一级毛片,亚洲中文综合手机版在线,国产另类综合一区导航,亚洲va韩国va欧美va久久下载,久久先锋男人资源网站
    茌平县花木有限公司 马尔康市养殖有限公司 桐庐县设计有限公司 云和县干草有限公司 崇州市咖啡有限公司 延安市蔬菜有限公司
    平邑县培训有限公司 长兴县竹木有限公司 内江市棉类有限公司 彭州市设计有限公司 金昌市干草有限公司 定西市养殖有限公司
    夏津县食用菌有限公司 阳谷县植物有限公司 茌平县能源有限公司 武城县造纸有限公司 长岛县培训有限公司 安康市能源有限公司