如何使用extjs更改光標

我想設置一個網格的列，以便將光標更改爲指針。如何使用extjs更改光標

我不知道如果它的最佳實踐應用到它的樣式，請告訴我。

我只是無法弄清楚。

這是我的代碼，我希望列在鼠標懸停時會改變光標。

Ext.define('Ext.grid.Panel', { 
store: services, 
xtype: 'log', 
features: [groupingFeature], 
stateId: 'stateGrid', 
columns: [ 
    { 
     text: 'URL', 
     sortable: true, 
     flex: true, 
     dataIndex: 'url' 
    } 
    ] 
});

謝謝大家幫忙

來源

2012-07-25 ahojvole

如果網格中只有一列，就像上面顯示的代碼一樣，這很容易。你打算有更多的專欄？此外，我假設你的意思是鼠標懸停在列的**數據**部分，而不是**標題**，是嗎？ – Geronimo 2012-07-25 17:22:21

我會有幾列......是的，我的意思是鼠標懸停在數據部分，你是什麼意思，你從哪裏得到的？ :) – ahojvole 2012-07-26 12:05:56

它爲我的作品：

columns: [ 
{ 
    text: 'URL', 
    sortable: true, 
    flex: true, 
    dataIndex: 'url', 
    renderer: function (val, metadata, record) { 
      metadata.style = 'cursor: pointer;'; 
     return val; 
    } 
}]

來源

2012-12-01 06:30:28

與大多數部件，一個可以直接連接CSS片段一樣：

Ext.define('...', { 
    extend: 'Ext.chart.CartesianChart', 
    legend: { 
     style: 'cursor: pointer;' 
    } 
});

使用渲染器時，還可以附加CSS類（以及任何樣式）：

renderer: function (value, meta, record) { 
    meta.tdCls += 'x-cursor-pointer'; 
    return value; 
}

Ext.grid.column.Column也有一個componentCls屬性：Ext.grid.column.Column#cfg-componentCls和style屬性：Ext.grid.column.Column#cfg-style ...這將設置樣式爲整個列，而不是每個indivivual行 - 或者一個可以結合，通過添加類整個列和渲染器的更多類，根據值（然後使用這些組合CSS選擇器）。

來源

2017-03-24 01:34:45

如何使用extjs更改光標

回答

相關問題