Jump to content

Recommended Posts

Posted

Добрый вечер!

Что то не могу найти пример на просторах форума, где можно как то выделить поле rownumber цветом или шрифт сделать жирным для активной строки в таблице

что то наподобие этого, только вместо иконки указать цвет

но при этом чтобы у таблицы свойство RowSelect = false

image.png.355357a3e6d55a06fff885df98e65777.png

Posted
15 hours ago, AlexanderP said:

где можно как то выделить поле rownumber цветом или шрифт сделать жирным для активной строки в таблице

 

15 hours ago, AlexanderP said:

но при этом чтобы у таблицы свойство RowSelect = false

 

1. CustomCSS ->

.grid-rownumber-selected {
    border-right: 4px solid orange !important;
    background-color: #ffe0b2 !important;
}

2. UniDBGrid1.ClientEvents.ExtEvents ->

function viewready(sender, eOpts) 
{
    var grid = sender;
    var view = grid.getView();
    var sm = grid.getSelectionModel();

    sm.on('select', function(sm, rec, idx) {
        var row = view.getNode(idx);
        var rowNumCell = Ext.get(row).down('.x-grid-cell-row-numberer .x-grid-cell-inner');
        if (rowNumCell) {
            rowNumCell.addCls('grid-rownumber-selected');
        }
    });

    sm.on('deselect', function(sm, rec, idx) {
        var row = view.getNode(idx);
        var rowNumCell = Ext.get(row).down('.x-grid-cell-row-numberer .x-grid-cell-inner');
        if (rowNumCell) {
            rowNumCell.removeCls('grid-rownumber-selected');
        }
    });

    view.on('refresh', function() {
        var selected = sm.getSelection();
        if (selected.length > 0) {
            var rec = selected[0];
            var idx = grid.getStore().indexOf(rec);
            var row = view.getNode(idx);
            var rowNumCell = Ext.get(row).down('.x-grid-cell-row-numberer .x-grid-cell-inner');
            if (rowNumCell) {
                rowNumCell.addCls('grid-rownumber-selected');
            }
        }
    });
}

 

  • Like 1

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...