VPF::asp:TreeView - Форум программистов

kizune

Дата 7.8.2007, 17:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

Репутация: нет
Всего: 9

Добрый вечер,всем smile

есть элемент TreeView

Код


<asp:TreeView runat="server" CollapseImageUrl="~/images/arrow.gif" ExpandImageUrl="~/images/arrow.gif">
     <HoverNodeStyle BackColor="red" />
             <Nodes>
                 <asp:TreeNode Text="File">
                        <asp:TreeNode Text="File1.1"></asp:TreeNode>
                        <asp:TreeNode Text="File1.2"></asp:TreeNode>
                  </asp:TreeNode>
              </Nodes>
 </asp:TreeView>

возможно ли сделать,чтобы при наведении на TreeNode BackColor захватывал и ExpandImage?
Подскажите,кто в курсе,полдня бьюсь не получается

Mymik

Дата 7.8.2007, 23:15 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

Репутация: 50
Всего: 78

kizune, у HoverNodeStyle есть свойство CssClass напиши этот CssClass который будет содержать что-то типа

Код


.myCoolClass {background:url("images/arrow.gif");}

И подключи его в HoverNodeStyle

Это сообщение отредактировал(а) Mymik - 7.8.2007, 23:16

--------------------

ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru
HomaPage ::  http://localhost/

:to_become_senile  :this

kizune

Дата 8.8.2007, 09:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

Репутация: нет
Всего: 9

Я пробовала так делать,но к сожалению это не подходит.картинка начинает двоится несмотря,на background-repeat:no-repeat.

Но все равно спасибо smile

Mymik

Дата 8.8.2007, 10:31 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

Репутация: 50
Всего: 78

kizune, это уже проблема не в JS а в твоем CSS файле. Показывай его. Будем смотреть да искать ошибку.

--------------------

ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru
HomaPage ::  http://localhost/

:to_become_senile  :this

kizune

Дата 8.8.2007, 10:39 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

Репутация: нет
Всего: 9

Код


    <asp:TreeView ID="TreeView3" runat="server" >
     <HoverNodeStyle CssClass="hnStyle"/>
     <RootNodeStyle CssClass="rnStyle" />
             <Nodes>
                 <asp:TreeNode Text="File">
                        <asp:TreeNode Text="File1.1"></asp:TreeNode>
                        <asp:TreeNode Text="File1.2"></asp:TreeNode>
                  </asp:TreeNode>
              </Nodes>
 </asp:TreeView>

Код


.rnStyle
{
    background-image:url(../images/arrow.gif);
    background-repeat:no-repeat;
    width:12px;
    height:5px;


}

.hnStyle
{
    
    background-image:url(../images/arrow.gif);
    width:12px; 
    height:5px;
    background-repeat:no-repeat;
}

У меня получается,что класс ставит background на сам node и на его содержимое т.е. на File

Добавлено через 13 минут и 37 секунд
Разобралась в чем дело,если ставить небольшой отступ текста от картинки (padding-left:10px), то появляется этот двойной фон.надо обходиться без него и все получится.

благодарю smile

Это сообщение отредактировал(а) kizune - 8.8.2007, 10:45

kizune

Дата 8.8.2007, 16:57 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

Репутация: нет
Всего: 9

Вообщем,все равно не получается,потому как без отступа никак, и без изменения размера текста тоже.

Код


.rnStyle
{
    background-image:url(../images/arrow.gif);
    background-repeat:no-repeat;
    font-size:11px;
    padding-left:10px;
   
}
.hnStyle
{
    
    background-image:url(../images/arrow.gif);
    background-repeat:no-repeat;
    font-size:11px;
   padding-left:10px;
}

К тому же приходиться добавлять ShowExpandCollapse="false",а с ним не получается динамически сворачивать и разворачивать дерево smile

Это сообщение отредактировал(а) kizune - 8.8.2007, 16:57

kizune

Дата 9.8.2007, 14:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

Репутация: нет
Всего: 9

кому интересно проблему решила,таким образом smile

Код


table id="Project1" onmouseover="this.style.background='url(../images/panelOver.gif) no-repeat';this.style.height='100%';" onmouseout="this.style.background='none'">
                                        <tr>
                                            <td style=" height:21px;">
                                                  <asp:TreeView ID="TreeView3" runat="server" >
                                                     <Nodes>
                                                       <asp:TreeNode Text="File">
                                                         <asp:TreeNode Text="File1.1"></asp:TreeNode>
                                                        <asp:TreeNode Text="File1.2"></asp:TreeNode>
                                                     </asp:TreeNode>
                                                    </Nodes>
                                                  </asp:TreeView>
                                           </td>
                                        </tr>
                                    </table>

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Разработка под ASP.NET \| Следующая тема »