OpenGrid ,вставка новой записи в Detail Grid

[vicis]

Цитата Zajigaev @ 25.03.10, 13:24

круто!

а то
это я про то что мурзилку про jQuery нужно прочитать прежде чем программировать
и исходники просмотреть
но нам же некогда
мы строим космические корабли!...
по этому толко как данность

[Zajigaev]

да... и такие корабли что-то плохо летают
посмотрел все примеры jqGrid- крутая вещь!

а у меня мелочь но мешает - как сделать чтобы данные в ячейки переносились те высота ячейки менялась в зависимости от длинны данных (чтобы всю строку было видно) при фиксированной ширине
с <Table таких проблем не было
спасибо
My Webpage
нашел вот это но не знаю как применить

Сообщение отредактировано: Zajigaev - 26.03.10, 12:57

[vicis]

Цитата Zajigaev @ 26.03.10, 09:56

как сделать чтобы данные в ячейки переносились те высота ячейки менялась в зависимости от длинны данных

я вижу два сопособа
1. вставить в данные перенос где нужно, например
Лучше нету <br> того свету

2. сделать свой шаблон
- берём папку одного из шаблонов OpenGrid и копируем с другим именем, например:
...Program Files\CodeGear\Delphi for PHP\2.0\vcl\opengrid\jqGrid\themes\basic
в
...Program Files\CodeGear\Delphi for PHP\2.0\vcl\opengrid\jqGrid\themes\basicx
- исправляем в проекте у OpenGrid имя шаблона в свойстве OpenGrid1->Theme = basicx
- открываем файл ...Program Files\CodeGear\Delphi for PHP\2.0\vcl\opengrid\jqGrid\themes\basicx\grid.css
находим там

    table.scroll tbody td  {
    padding: 2px;
    text-align: left;
    border-bottom: 1px solid #D4D0C8;
    border-left: 1px solid #D4D0C8;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height : auto;
         }

и правим на

    table.scroll tbody td  {
    padding: 2px;
    text-align: left;
    border-bottom: 1px solid #D4D0C8;
    border-left: 1px solid #D4D0C8;
    text-overflow: ellipsis;
    overflow: hidden;
//  white-space: nowrap;
         white-space: normal !important;
    height : auto;
         }

проверяем - перенос в ячейке работает

[Zajigaev]

все
ячейка расширяется , спасибо
но заголовок столбца????
я уже по-тупому заменил все на white-space: normal !important; - не изменяется
а в этом примере есть и column headers
For wrap in cell:

.ui-jqgrid tr.jqgrow td {
white-space: normal !important;
height:auto;
vertical-align:text-top;
padding-top:2px;
}

And for column headers

.ui-jqgrid .ui-jqgrid-htable th div {
height:auto;
overflow:hidden;
padding-right:4px;
padding-top:2px;
position:relative;
vertical-align:text-top;
white-space:normal !important;
}

спасибо

Сообщение отредактировано: ViktorXP - 31.03.10, 17:39

[vicis]

найди нужный th путём изменения цвета фонта
и тогда уже его мучай пока не начнёт переносить...

[Zajigaev]

а для заголовков столбцов

table.scroll thead th  {
    padding: 2px;
    border-bottom: 1px solid #CBC7B8;
    border-left: 1px solid #D4D0C8;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    background-image: url(images/grid-blue-hd.gif);
//      height : 17px; заменить на
    height : auto;
}
    
    table.scroll th div {
    overflow: hidden;
/*  white-space: nowrap;*/
    word-wrap: break-word;
//      height : 17px; заменить на
    height : auto;
}

и изменить рис background-image: url(images/grid-blue-hd.gif);

Сообщение отредактировано: ViktorXP - 31.03.10, 17:39