[CLOSED] Grid's scroll issues

4 Attachment(s)

Grid's Width = 200px
Columns' width = 200px

Problem: Horizontal scroll is shown

http://forums.ext.net/attachment.php...id=19551&stc=1

Code:

<!DOCTYPE html> <html> <head id="Head1" runat="server"> </head> <body> <ext:ResourceManager runat="server" /> <ext:GridPanel Margin="10" runat="server" Title="Ext.Net" Frame="false" Width="200"> <Store> <ext:Store AutoLoad="true" runat="server"> <Proxy> <ext:AjaxProxy Url="~/Example/LoadFakeRecords/"> <ActionMethods Read="POST" /> <Reader> <ext:JsonReader RootProperty="data" /> </Reader> </ext:AjaxProxy> </Proxy> <Model> <ext:Model IDProperty="ID" runat="server"> <Fields> <ext:ModelField Name="ID" Type="String" /> <ext:ModelField Name="Name" Type="String" /> <ext:ModelField Name="LastName" Type="String" /> <ext:ModelField Name="Address" Type="String" /> </Fields> </ext:Model> </Model> </ext:Store> </Store> <ColumnModel runat="server"> <Columns> <ext:Column Text="ID" DataIndex="ID" Width="100" runat="server" /> <ext:Column Text="Name" DataIndex="Name" Width="100" runat="server" /> </Columns> </ColumnModel> </ext:GridPanel> </body> </html>

Grid's Width = 210px
Columns' width = 100px + Flex Column
Problem: Vertical scroll is "reserved"

http://forums.ext.net/attachment.php...id=19531&stc=1

Code:

<!DOCTYPE html> <html> <head id="Head1" runat="server"> </head> <body> <ext:ResourceManager runat="server" /> <ext:GridPanel runat="server" Title="Ext.Net" Frame="false" Width="210"> <Store> <ext:Store AutoLoad="true" runat="server"> <Proxy> <ext:AjaxProxy Url="~/Example/LoadFakeRecords/"> <ActionMethods Read="POST" /> <Reader> <ext:JsonReader RootProperty="data" /> </Reader> </ext:AjaxProxy> </Proxy> <Model> <ext:Model IDProperty="ID" runat="server"> <Fields> <ext:ModelField Name="ID" Type="String" /> <ext:ModelField Name="Name" Type="String" /> <ext:ModelField Name="LastName" Type="String" /> <ext:ModelField Name="Address" Type="String" /> </Fields> </ext:Model> </Model> </ext:Store> </Store> <ColumnModel runat="server"> <Columns> <ext:Column Text="ID" DataIndex="ID" Width="100" runat="server" /> <ext:Column Text="Name" DataIndex="Name" Flex="1" runat="server" /> </Columns> </ColumnModel> </ext:GridPanel> </body> </html>

Grid's Width = 210px
Columns' width = 200px

Problem: Horizontal scroll is "reserved"

http://forums.ext.net/attachment.php...id=19541&stc=1

Code:

<!DOCTYPE html> <html> <head id="Head1" runat="server"> </head> <body> <ext:ResourceManager runat="server" /> <ext:GridPanel runat="server" Title="Ext.Net" Frame="false" Width="210"> <Store> <ext:Store AutoLoad="true" runat="server"> <Proxy> <ext:AjaxProxy Url="~/Example/LoadFakeRecords/"> <ActionMethods Read="POST" /> <Reader> <ext:JsonReader RootProperty="data" /> </Reader> </ext:AjaxProxy> </Proxy> <Model> <ext:Model IDProperty="ID" runat="server"> <Fields> <ext:ModelField Name="ID" Type="String" /> <ext:ModelField Name="Name" Type="String" /> <ext:ModelField Name="LastName" Type="String" /> <ext:ModelField Name="Address" Type="String" /> </Fields> </ext:Model> </Model> </ext:Store> </Store> <ColumnModel runat="server"> <Columns> <ext:Column Text="ID" DataIndex="ID" Width="100" runat="server" /> <ext:Column Text="Name" DataIndex="Name" Width="100" runat="server" /> </Columns> </ColumnModel> </ext:GridPanel> </body> </html>

It's necessary to set grid's width 20px wider to ""overcome"" issue #3

http://forums.ext.net/attachment.php...id=19542&stc=1

Code:

<!DOCTYPE html> <html> <head id="Head1" runat="server"> </head> <body> <ext:ResourceManager runat="server" /> <ext:GridPanel Margin="10" runat="server" Title="Ext.Net" Frame="false" Width="220"> <Store> <ext:Store AutoLoad="true" runat="server"> <Proxy> <ext:AjaxProxy Url="~/Example/LoadFakeRecords/"> <ActionMethods Read="POST" /> <Reader> <ext:JsonReader RootProperty="data" /> </Reader> </ext:AjaxProxy> </Proxy> <Model> <ext:Model IDProperty="ID" runat="server"> <Fields> <ext:ModelField Name="ID" Type="String" /> <ext:ModelField Name="Name" Type="String" /> <ext:ModelField Name="LastName" Type="String" /> <ext:ModelField Name="Address" Type="String" /> </Fields> </ext:Model> </Model> </ext:Store> </Store> <ColumnModel runat="server"> <Columns> <ext:Column Text="ID" DataIndex="ID" Width="100" runat="server" /> <ext:Column Text="Name" DataIndex="Name" Width="100" runat="server" /> </Columns> </ColumnModel> </ext:GridPanel> </body> </html>

Code:

namespace SandBox.Controllers { public class ExampleController : System.Web.Mvc.Controller { public ActionResult Index() { return View(); } public StoreResult LoadFakeRecords() { List<Entity> lst = new List<Entity>(); for (int index = 0; index < 15; index++) { lst.Add(new Entity { ID = index, Name = string.Format("Name - {0}", index) }); } return new StoreResult(lst, lst.Count()); } } [Serializable] public class Entity { public int ID { get; set; } public string Name { get; set; } } }

Similar thread: http://forums.ext.net/showthread.php...izontal-scroll

FWIW, @RCN I can reproduce some of the above screenshots only if I specify a Theme (e.g. Default or Gray). Even then, the results are different, for example I get the vertical scroll reserved if I set the grid's width to 210 and the columns' width to 200 (which is ... normal?).

I am testing with both FF 35 and IE 11 using Ext.Net 3.0.0.37796.

Hi Mimisss, thanks for expanding.

There may be other issues regarding grid's horizontal / vertical scroller. i will update this thread if a find new issues and i ask you to do the same.

Hello Raphael,

I understand all the issues are related (somehow), but each of them is probably worth an individual thread. Here I will start from the first one in the original post. If you want others to be discussed in details, please start a new thread (-s).

Quote:

Grid's Width = 200px
Columns' width = 200px

I guess:
GridPanel's width = Columns' width + something.

I am not sure, but that "something" could be borders.

If set Width="202" for the GridPanel, then no scrollbar appears.

Yes, it might be a little bit annoying or unexpected, but, personally, I don't consider it a bug.

Quote:

I understand all the issues are related (somehow), but each of them is probably worth an individual thread. Here I will start from the first one in the original post. If you want others to be discussed in details, please start a new thread (-s).

When i refer a thread i aim to make a cross-reference. I always start a new thread even if the issue is very similar to another.

Quote:

There may be other issues regarding grid's horizontal / vertical scroller. i will update this thread if a find new issues and i ask you to do the same.

I think i was misunderstood. I meant that i was gonna add, if necessary, links to the related threads.

Quote:

Yes, it might be a little bit annoying or unexpected, but, personally, I don't consider it a bug.

I agree.

Thank all of you. Please mark this thread as closed.