2015-04-06 2 views
0

Я знаком остроумие трюк, чтобы перезаписать модальное поведение:Fre jqGrid 4.8.0 - Изменение модального цветам

$.extend($.jgrid, { 
showModal : function(h) { 
    h.w.show("blind"); 
}, 
closeModal : function(h) { 
    h.w.hide("blind").attr("aria-hidden", "true"); 
    if(h.o) {h.o.remove();} 
} 
}); 

Я также ищет способ изменить цвет того же модального заголовке , (Я не хочу менять цвет для всего .ui-widget-header, только для этого конкретного модального окна). Могу ли я достичь этого с помощью «h.w.css»?

Так как открыт этот модальный:

$(nameOfGrid).jqGrid('searchGrid', { 
       multipleSearch:true, 
       showQuery: true, 
       multipleGroup:true, 
       caption: "Advanced Search", 
       sFilter: "afilters", 
       Find: "Apply", 
       Reset: "Reset & Close", 
       closeAfterReset: true, 
       closeAfterSearch: false, 
       searchOnEnter: true, 
       width:'auto', 
       recreateForm: true, 
       recreateFilter: false, 
       errorcheck: true, 
       overlay:false, 

Спасибо,

+0

В каком модальном диалоге вы имеете в виду? Как будет создан модальный? Используете ли вы просто добавлять/редактировать/удалять диалоги и хотите изменить кого-то или создать диалог ** вручную **, используя прямой вызов 'createModal' или' info_dialog'? Теперь я изменяю код бесплатного jqGrid, чтобы позволить настраивать классы, используемые в разных элементах jqGrid. Я очень скоро изменю код 'createModal',' info_dialog', 'viewModal',' hideModal'. Если вы предоставите * пример * того, что вы делаете, я могу внести изменения, чтобы вам было легко. – Oleg

+0

Спасибо, я добавил пример в тело вопроса. – Tal

+0

Спасибо, но что вы хотите точно изменить в 'caption' диалогового окна поиска? Вы хотите изменить цвет текста '' Расширенный поиск''? Вы можете использовать любой фрагмент HTML как значение 'caption'. Например, 'caption:" Расширенный поиск "' будет устанавливать красный текст и 'подпись: Расширенный поиск" 'изменит цвет фона заголовка. Не могли бы вы сделать ваш пример полным и описать **, какие именно изменения вы хотите сделать в модальном заголовке? ** – Oleg

ответ

1

Вы можете добавить дополнительный класс к заголовку после модальное диалоговое окно создается. Идентификатор заголовка диалогового окна поиска будет построен из префикса searchhdfbox_ и идентификатора сетки. Таким образом, вы можете сделать, например, следующие

var $grid = $(nameOfGrid); 

// create the Searching Dialog 
$grid.jqGrid('searchGrid', {...}); 

// add the class "ui-state-error" to the dialog header 
$("#searchhdfbox_" + $.jgrid.jqID($grid[0].id)).addClass("ui-state-error"); 
Смежные вопросы