Originally Posted by
cwolcott
cumbersome since there is no scrollbar or the navigation keys (home, end, pageup, pagedown) don't work.
Well, it is the browser functionality and, indeed, works with the native scrollbar only.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.NET v2 Example</title>
<style type="text/css">
.my-div {
overflow: scroll;
height: 200px;
}
.my-nested-div {
height: 500px;
}
</style>
</head>
<body>
<div class="my-div">
<div class="my-nested-div"></div>
</div>
</body>
</html>
You could set up
autoScroll : true
in a menu config to get native scrolling.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.NET v2 Example</title>
<script type="text/javascript">
var myCreateMenu = function (config) {
var menuCfg = config.menuItems ? {items : config.menuItems} : {},
menu;
Ext.copyTo(menuCfg, config, "labelField,loadingText,loadOnShow,single,store,options");
Ext.apply(menuCfg, {
height : 100,
autoScroll : true
});
menu = Ext.create('Ext.ux.grid.menu.ListMenu', menuCfg);
menu.on('checkchange', this.onCheckChange, this);
return menu;
};
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:GridPanel ID="GridPanel1" runat="server">
<Store>
<ext:Store runat="server">
<Model>
<ext:Model runat="server" />
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column runat="server" Text="Test" DataIndex="test" />
</Columns>
</ColumnModel>
<Features>
<ext:GridFilters runat="server">
<Filters>
<ext:ListFilter DataIndex="test" Options="test1, test2, test3, test4, test5, test6">
<CustomConfig>
<ext:ConfigItem Name="createMenu" Value="myCreateMenu" Mode="Raw" />
</CustomConfig>
</ext:ListFilter>
</Filters>
</ext:GridFilters>
</Features>
</ext:GridPanel>
</body>
</html>
But the main problem in your case appears to be this one.
Originally Posted by
cwolcott
The lists take anywhere from 3 - 8 seconds to display each time
Do you use Store for ListFilter and does it load items each time you open the filter? Or do you use just Options?
Probably, you will, indeed, have to come up with an alternative solution. Maybe, with remote paging. But before we suggest you something, I would want to sort it out why it takes too much time to show the items and why it happens each time. Maybe, we could somehow fix it. Could you provide a sample to reproduce?