VPF::Treeview и gridview на разных panel - Форум программистов

semi

Дата 23.8.2007, 20:44 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 59
Регистрация: 10.12.2006
Где: ой, все сложно...

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

привет!

задача: поставить рядом (а не один по другим) элемент treeview и gridview... кроме того должны выполняться след требования:
1. панель с деревом должна быть определенного размера (по высоте и ширине), а панель с гридой должна по высоте быть тоже ограниченной, а по ширине занимать все оставшееся место справа и при необходимости выходить за границы экрана (т.е. если какая-то надпись не помещается по ширине, столбец должен растянуться, а не увеличить высоту строки)
2. если все строки не помещаются, то появляется вертикальный скроллинг. если пользователь двигает скроллинг на одном элементе, то автоматически должен двигаться и другой...

вот такая ерунда...
как сделать вторую часть п.2 вообще не знаю :(
пока сделано примерно так (код не точный. основная идея я так сказать...)

Код


<tr>
<td> <panel width = 100 height = 100 scroll=all>treeview</panel> </td>
<td> <panel height = 100 scroll=all >grid view</panel> </td>
</tr>

но нужного эффекта я так и не добилась :( таблица по ширине экрана. и, соответственно, грида увеличивает высоту строки а не ширину столбца.

явно ширину столбцов в гриде не прописывала...

пробовала width=100% в разных (труднодоступных smile

) местах... не помогло. наверное проблема из-за использования таблиц... но другого способа не придумалось...

что подскажете?

SpaceSpace

Дата 24.8.2007, 08:34 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: 3
Всего: 10

а ты задавай ширину не панели а td

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

Репутация - самое ценное, что есть у человека. Зарабатывают годы, теряют за мгновение.
70-565
MCPD Enterprise 3.5

semi

Дата 24.8.2007, 08:51 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 59
Регистрация: 10.12.2006
Где: ой, все сложно...

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

пробовала... проблема опять таки с гридой.

SpaceSpace

Дата 24.8.2007, 09:07 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: 3
Всего: 10

Код


    <table>
    <tr>
    <td style="width: 100px">
                    <asp:Panel ID="Panel1" runat="server" Height="50px" Width="100%">
                <asp:TextBox runat="server" ID = "TextBox1" Width="93px"></asp:TextBox>
                </asp:Panel>  
    </td>
    <td style="width: 100%">
                <asp:Panel ID="Panel2" runat="server" Height="50px" Width="100%">
            <asp:TextBox runat="server" ID = "text1" Width = "100%"></asp:TextBox>
            </asp:Panel> 
     </td>
    </tr>
    </table>

используй style каскадники

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

Репутация - самое ценное, что есть у человека. Зарабатывают годы, теряют за мгновение.
70-565
MCPD Enterprise 3.5

Mymik

Дата 24.8.2007, 10:07 (ссылка)

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

Загрузка ...

Эксперт

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

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

semi,

Цитата(semi @ 23.8.2007, 20:44

)

2. если все строки не помещаются, то появляется вертикальный скроллинг. если пользователь двигает скроллинг на одном элементе, то автоматически должен двигаться и другой.

Делается очень просто. Вот пример как это сделать в обычном html'е(как такое сделать в asp.net додумайся сам) -->>

Код


<html>
<head>
    <script type="text/javascript">
    function setScroll(top, left)
    {
        /* Установка вертикального смещения скрола */
        document.getElementById("div1").scrollTop = top;
        document.getElementById("div2").scrollTop = top;

        /* Установка горизонтального смещения скрола */
        document.getElementById("div1").scrollLeft = left;
        document.getElementById("div2").scrollLeft = left;
    }
    </script>
</head>
<body>
<div id="div1" style="overflow:scroll;height:50px;width:100px;" onscroll="setScroll(this.scrollTop, this.scrollLeft)">
    aasdasda<br/>asdasd<br/>asdasd
</div>
<div id="div2" style="overflow:scroll;height:50px;width:100px;" onscroll="setScroll(this.scrollTop, this.scrollLeft)">
    aasdasda<br/>asdasd<br/>asdasd<br/>
</div>
</body>
</html>

Цитата(semi @ 23.8.2007, 20:44

)

1. панель с деревом должна быть определенного размера (по высоте и ширине), а панель с гридой должна по высоте быть тоже ограниченной, а по ширине занимать все оставшееся место справа и при необходимости выходить за границы экрана (т.е. если какая-то надпись не помещается по ширине, столбец должен растянуться, а не увеличить высоту строки)

Установи у GridView для td элементов CSS свойство white-space:no-wrap должно помочь.

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

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

:to_become_senile  :this

SpaceSpace

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

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

Загрузка ...

Опытный

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

Репутация: 3
Всего: 10

Mymik
гдеж ты сразу был,
а то я тут позрюсь smile

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

Репутация - самое ценное, что есть у человека. Зарабатывают годы, теряют за мгновение.
70-565
MCPD Enterprise 3.5

semi

Дата 31.8.2007, 15:00 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 59
Регистрация: 10.12.2006
Где: ой, все сложно...

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

SpaceSpace, Mymik спасибо за помощь smile

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