UberGrid Installation

Questions related to our Sencha Touch based grid component
Post Reply
User avatar
guneet
Posts: 3
Joined: Thu Jun 06, 2013 7:34 pm

UberGrid Installation

Post by guneet »

Hi guys,

I've been trying to get the licensed version working with Sencha touch, any help would be appreciated.

Sencha Touch version - 2.1.1
Ubergrid version - 1.0.3
Folder structure -
0.JPG
0.JPG (25.72 KiB) Viewed 7401 times
Changes I've made so far -
1. Configured loader path in app.js

Code: Select all

// <debug>
Ext.Loader.setPath({
	'Ext' : 'touch/src',
	'UberGrid': 'ubergrid',
	'MarketAnalyzer' : 'app'	
});
// </debug>
2. Added ubergrid src in app.json

Code: Select all

    "js": [
        {
            "path": "touch/sencha-touch-all-debug.js",
            "x-bootstrap": true
        },
		{
            "path": "ubergrid-all-debug.js"
        },
        {
            "path": "app.js",
            "bundle": true,  /* Indicates that all class dependencies are concatenated into this file when build */
            "update": "delta"
        }
    ],
3. Added ubergrid src files in index.html

Code: Select all

    <!-- The line below must be kept intact for Sencha Command to build your application -->
    <script id="microloader" type="text/javascript" src="touch/microloader/development.js"></script>

	<script src="touch/sencha-touch-all-debug.js" type="text/javascript"></script>
	<script src="ubergrid-all-debug.js" type="text/javascript"></script>

There is no code to utilize the functionality of ubergrid in the app yet, this is the error received when trying to load the ubergrid source
4.JPG
4.JPG (18.53 KiB) Viewed 7401 times
5.JPG
5.JPG (35.72 KiB) Viewed 7401 times

Thanks

User avatar
mats
Core Developer
Core Developer
Posts: 16716
Joined: Sat Dec 19, 2009 11:41 pm
Location: Sweden
Contact:

Re: UberGrid Installation

Post by mats »

Sounds like your build system has introduced a BOM character or something else. Open the built JS files in your IDE and see what the warning is about.
Tired of debugging javascript errors in web applications? Try our new error logging service RootCause, or read more on the Sencha blog

@bryntum
Facebook
API documentation

User avatar
guneet
Posts: 3
Joined: Thu Jun 06, 2013 7:34 pm

Re: UberGrid Installation

Post by guneet »

Hey Mats,

Thanks for the reply, got it working.

User avatar
mats
Core Developer
Core Developer
Posts: 16716
Joined: Sat Dec 19, 2009 11:41 pm
Location: Sweden
Contact:

Re: UberGrid Installation

Post by mats »

Curious, what was the issue?
Tired of debugging javascript errors in web applications? Try our new error logging service RootCause, or read more on the Sencha blog

@bryntum
Facebook
API documentation

User avatar
guneet
Posts: 3
Joined: Thu Jun 06, 2013 7:34 pm

Re: UberGrid Installation

Post by guneet »

I was missing the required : ['UberGrid.Panel', 'UberGrid.column.Date'] decleration. Also, the IDE (Eclipse with Tomcat) wasn't copying over the UberGrid files in the runtime path, so I had to copy these manually. I also removed the ubergrid source file links from index.html and app.json, setting the Ext.Loader.setPath for UberGrid was sufficient.

Post Reply