Изменить изображение простых лиц rowToggler - PullRequest
Новая
       2

Изменить изображение простых лиц rowToggler

2 голосов
/ 09 января 2012

Мне нужно изменить изображение простых лиц rowToggler.Это то, что я пытаюсь в файле CSS: 

.ui-datatable .ui-row-toggler {
   cursor: pointer;
   background-image: url("/resources/images/expand.jpg") ; 
}

Я также попытался изменить URL-адрес на /images/expand.jpg, images / expand.jpg и просто раскрыть .jpg.Но никто из них не находит изображение.

Чего мне не хватает?

Ответы [ 4 ]

1 голос
/ 24 октября 2013

Это старая ветка: добавление ответа на случай, если кто-то еще найдет его в Google.Проблема заключается в том, что класс, используемый для добавления значка, жестко закодирован (см. исходный код ) и является классом ui-icon-circle-triangle-e, когда строка свернута, и ui-icon-circle-triangle-s, когда строка развернута.,Таким образом, способ сделать это - переопределить определения этих классов в вашей таблице стилей.Вот что сработало для меня: 

.ui-icon-circle-triangle-e {
    background-image: url('../images/triangleRight.png') !important;
    background-position: 0px 0px;   
}

.ui-icon-circle-triangle-s {
    background-image: url('../images/triangleDown.png') !important;
    background-position: 0px 0px;
}

Значения по умолчанию выглядели слишком похоже на простые маркеры - пользователи упускали из виду, что на них нажимали.

1 голос
/ 09 января 2012

С предоставленной вами информацией, скорее всего, потому что у вас есть приложение, работающее на "localhost / APP_NAME /", а когда вы делаете "/ resources / ...", оно указывает на "localhost / resources / ..."который не существует (он должен решить "localhost / APP_NAME / resources /...".

Попробуйте это вместо URL (его специфично для JSF) 

url("#{resource['images:expand.jpg']}")
1 голос
/ 09 января 2012

Если вы помещаете ваши изображения в папку resources вашего проекта, вы должны получить к ней доступ следующим образом: 

.ui-datatable .ui-row-toggler {
   cursor: pointer;
   background-image: url("../javax.faces.resource/expand.jpg.xhtml?ln=images/") ; 
}

Магическая формула должна быть 

../javax.faces.resource/<file-name>.xhtml?ln=<path-to-the-folder>/

Так что, если ваше изображение на /resources/car/bmw/series7.jpg, вы должны получить к нему доступ с помощью ../javax.faces.resource/series7.jpg.xhtml?ln=car/bmw/

0 голосов
/ 19 октября 2013 
    <script type="text/javascript">
    /*<![CDATA[*/
        $(document).on("click", ".ui-icon-circle-triangle-e", function() {
            $(this).css({
                background: 'url(#{request.contextPath}/images/data/silm.gif)'
            });

        });
    /*]]>*/
    </script>

    <style type="text/css">
        .ui-datatable .ui-row-toggler {
            cursor: pointer;
            background: url(#{request.contextPath}/images/data/eklem.gif) ; 
        } 
    </style>
...