itsathere Ответов: 6

можем ли мы добавить прокрутку над gridview в asp.net


с помощью Демо-версия Gridviewscroll Я также хочу создать свиток над сеткой.

Если у кого-то есть идея, пожалуйста, поделитесь .

Спасибо.

Krunal Rohit

Просто любопытно, что не так, если он находится на дне ?

-КРОНА

Manoj Sawant

Привет Кунал,
я хочу, чтобы он был выше сетки, потому что мой размер страницы сетки равен 15, а у меня есть 20 столбцов в сетке, и если бы мне пришлось прокрутить сетку до крайнего правого края, я должен был бы прокрутить вниз, а затем прокрутить вправо.
Вместо этого, если он будет находиться над сеткой, мне нужно не прокручивать вниз, а прямо прокручивать вправо.

adriancs

Javascript может это сделать

Er. Puneet Goel

ты все еще ищешь помощи ?

6 Ответов

Рейтинг:
2

Member 11151967

HTML-страница

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="up" runat="server">
    <ContentTemplate>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
            <Columns>
                <asp:BoundField DataField="ContactName" HeaderText="Contact Name" />
                <asp:BoundField DataField="City" HeaderText="City" />
                <asp:BoundField DataField="Country" HeaderText="Country" />
                </Columns>
            </asp:GridView>
                <asp:Button ID="Button1" runat="server" Text="Refresh" />
    </ContentTemplate>
</asp:UpdatePanel>



Добавить Плагин Jquery Для Прокрутки В Gridview
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/ScrollableGridViewPlugin_ASP.NetAJAXmin.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#<%=GridView1.ClientID %>').Scrollable({
            ScrollHeight: 300,
            IsInUpdatePanel: true
        });
    });
</script>


Рейтинг:
2

Dubravko B

Рассматривали ли вы возможность использования CSS для этого?
Есть хороший пример этого в эта должность.


Рейтинг:
2

Mizanur Rahman

попробовать это ......................

<div  style="overflow:scroll">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="ContactName" HeaderText="Contact Name" />
        <asp:BoundField DataField="City" HeaderText="City" />
        <asp:BoundField DataField="Country" HeaderText="Country" />
     </Columns>
</asp:GridView>
</div>


CHill60

Это помещает полосу прокрутки в нижней части элемента управления

Рейтинг:
1

koolprasadd

CSS и скрипты помогут вам переместить полосу прокрутки выше gridview
смотрите ниже фрагмент
HTML код выглядит следующим образом

<div class="wrapper1">
  <div class="div1"></div>
</div>
<div class="wrapper2">
  <div class="div2">
    <!-- Content Here -->
  </div>
</div>

// css код выглядит следующим образом
.wrapper1, .wrapper2 {
  width: 300px;
  overflow-x: scroll;
  overflow-y:hidden;
}

.wrapper1 {height: 20px; }
.wrapper2 {height: 200px; }

.div1 {
  width:1000px;
  height: 20px;
}

.div2 {
  width:1000px;
  height: 200px;
  background-color: #88FF88;
  overflow: auto;
}

JS как показано ниже
$(function(){
  $(".wrapper1").scroll(function(){
    $(".wrapper2").scrollLeft($(".wrapper1").scrollLeft());
  });
  $(".wrapper2").scroll(function(){
    $(".wrapper1").scrollLeft($(".wrapper2").scrollLeft());
  });
});

надеюсь, это поможет


Рейтинг:
0

deepankarbhatnagar

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

http://forums.asp.net/t/1851667.aspx?Горизонтальная + прокрутка+сверху+как + хорошо+как+снизу[^]

http://stackoverflow.com/questions/3934271/horizontal-scrollbar-on-top-and-bottom-of-table[^]


itsathere

вышеуказанное решение не соответствует требованиям.Я хочу, чтобы реализовать то, что в "Gridviewscroll демо".
кстати, спасибо за комментарий.

Рейтинг:
0

Cyrus_Vivek

Привет,

Это уже решается в других постах.

Найдите живой пример ниже.

http://jsfiddle.net/TBnqw/1/[^]