Как закрепить неоригинальные ячейки заднего плана?

Question

Я использую магистраль и backgrid.

Я хочу, чтобы некоторые backgrid ячейки не редактировались и выделяли их.

И я ищу простую собственность css над этими ячейками.

Но, к сожалению, backgrid не налагает никакого определенного класса на не редактируемые ячейки.

Это тонированная один backgrid строка сам от backgrid сайта: http://backgridjs.com/ и мы знаем поле идентификатора для редактирования здесь:

<tr> 
<td class="integer-cell">1</td> 
<td class="string-cell">Afghanistan</td> 
<td class="integer-cell">25,500,100</td> 
<td class="number-cell">0.36</td> 
<td class="date-cell">2013-01-01</td> 
<td class="uri-cell"><a tabindex="-1" href="http://en.wikipedia.org/wiki/Afghanistan" title="http://en.wikipedia.org/wiki/Afghanistan" target="_blank">http://en.wikipedia.org/wiki/Afghanistan</a></td> 
</tr> 

Теперь, как я достичь того же ??

Answer 1

Эти ячейки, которые вы не хотите редактировать, добавьте к ним некоторый класс, а затем перейдите к исходному коду backgrid.js и найдите функцию, которая активировала editmode, я точно не знаю, какую функцию обрабатывать, может быть

render: function() { 
enterEditMode: function() { 

, а затем проверить имя класса для этой ячейки, как

$("#mydiv").hasClass("dont_edit"); OR this.hasClass("dont_edit"); 

если да, то просто «вернуться» в противном случае дают возможность редактирования. Вы должны решить это методом проб и ошибок, пока кто-то не поможет вам с точным кодом. Лучше начните помогать себе до этого.

Answer 2

Backgrid.Cell # инициализации имеет следующий код

if (Backgrid.callByNeed(column.editable(), column, model)) $el.addClass("editable"); 

Это означает, что все редактируемые ячейки имеют "редактируемого" класс CSS. где все не редактируемые ячейки не имеют этого класса.

Таким образом, применяя селектор CSS, как один ниже, я был в состоянии стилизовать нередактируемые клетки, как я хотел:

backgrid td.renderable:not(.editable) { 
    background-color: gray 
}