Ext.ux.grid.ExplorerView - Windows Explorer look-a-like grid

**kaigan** · 23 Jan 2009 6:12 AM

Hi guys,

First off thanks for all the comments and thanks for helping out tonedeaf

I will be implementing Hunyi's changes to get ExplorerView's D&D to work during the weekend. My own project that was supposed to use this extension is postponed so I havent had any "paid" time to work on it

Expect a new zip this weekend!

**kaigan** · 23 Jan 2009 6:13 AM

Originally Posted by Hunyi

Making D&D work you have to complete the function of Ext.ux.grid.ExplorerView.doRender in this way:

Thanks Hunyi, it's appreciated!

**Digbert** · 23 Jan 2009 6:22 AM

...err, I wrote in my last post that it's working, but that was only true whilst I was accessing the html from the examples folder. I really want to do a .net project, and so I tried to put the html into an aspx file, imported all the explorerview files into the project and referenced them. I am referencing all other ext-js files using coolite, as you will see below. However, I get nothing when I view the aspx file. Here's the code:

HTML Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ExplorerView.aspx.cs" Inherits="WcfServiceTest.ExplorerView" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
    <head runat="server">
    <ext:ScriptManager ID="extScriptManager" runat="server" Theme="Gray" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
        <title>Grid3 ExplorerView Example</title>
        
        <!-- I was told I don't need these 2 references...-->
        <!-- LIBS 
        <script type="text/javascript" src="ext-2.2/adapter/ext/ext-base.js"></script>-->
        <!-- ENDLIBS 
        <script type="text/javascript" src="ext-2.2/ext-all.js"></script>-->
        
        
        <script type="text/javascript" src="_js/explorerview/explorerview.js"></script>
        <script type="text/javascript" src="_js/explorerview/Ext.ux.grid.GroupingExplorerView.js"></script>
        <script type="text/javascript" src="_js/explorerview/explorerview.js"></script>
        <link rel="stylesheet" type="text/css" href="_css/explorerview.css" />

        <!-- Common Styles for the examples -->
        <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
    </head>
    <body>
        <h1>Grid3 ExplorerView</h1>
    </body>

</html>

The paths to the referenced .js files are all correct, but am I missing something obvious?

Would be really nice if you could point out my mistake.

cheers,
D.

**fangzhouxing** · 23 Jan 2009 7:15 AM

Great job! Thanks.

**kaigan** · 26 Jan 2009 6:37 AM

Update (Jan 26):
* Added changes by Hunyi for D&D support in ExplorerView

**moegal** · 26 Jan 2009 10:52 AM

is the sorting off in the grid examples? When I try to sort by name ASC. The names show up out of order on the grid without grouping.

Thanks, Marty

**kaigan** · 26 Jan 2009 1:23 PM

Originally Posted by moegal

is the sorting off in the grid examples? When I try to sort by name ASC. The names show up out of order on the grid without grouping.

Thanks, Marty

Looks like the sorting is case sensitive, by design in ext?

**moegal** · 27 Jan 2009 8:13 AM

That appears to be the case. Any way to see what the default sorting order is? Is it all lower then all upper, how do numbers fit in? Can we convert so it sorts alpha with disregard to case?

I guess these are questions really meant for extjs.

Thanks, Marty

Excellent extension!

SOLUTION TO CASE
you can sort a column case insensitively by defining the type of the record to 'string'.
... [{name:'firstname', mapping:'firstname',type:'string'},...]

**kaigan** · 28 Jan 2009 4:10 AM

Great find moegal!

**kaigan** · 3 Feb 2009 2:14 AM

Update (Feb 3):
* Updated ExplorerView to handle removal of columns on-the-fly (http://extjs.com/forum/showthread.ph...121#post282121)

Zip in first post have been updated and so have the demo-page, enjoy!

Ext.ux.grid.ExplorerView - Windows Explorer look-a-like grid

Thread Tools

Search Thread

Display

@tonedeaf...

@tonedeaf...