
Originally Posted by
tryanDLS
This code still in an alpha release state - as such, the documentation is incomplete. This will be done by the time the official release is ready.
Thanks. It seems that releasing the Alpha is so you can get testers, but it's hard to test w/o docs. That's all.
On a separate note, I'm unable to get Ext 1.0 grids to render in FF. At first, I was trying to port my grids to 1.0, but I couldn't get them to render. So now, I've slowly reduced my test to merely the example from xml-grid.js. Still won't render, as in nothing draws on the page. The only changes I've made are to link the libs and the example xml to my docroot. any suggestions?
Code:
<html>
<head>
<script language="Javascript" src="/core/js/ext/jquery.js"></script>
<script language="Javascript" src="/core/js/ext/jquery-plugins.js"></script>
<script language="Javascript" src="/core/js/ext/ext-jquery-adapter.js"></script>
<script language="Javascript" src="/core/js/ext/ext-all-debug.js"></script>
</head>
<body>
<div id="example-grid" class="x-grid-mso" style="border: 1px solid #c3daf9; overflow: hidden; width:520px;"></div>
<script>
Ext.onReady(function(){
// create the Data Store
var ds = new Ext.data.Store({
// load using HTTP
proxy: new Ext.data.HttpProxy({url: '/core/js/ext/examples/grid/sheldon.xml'}),
// the return will be XML, so lets set up a reader
reader: new Ext.data.XmlReader({
// records will have an "Item" tag
record: 'Item',
id: 'ASIN'
}, [
// set up the fields mapping into the xml doc
// The first needs mapping, the others are very basic
{name: 'Author', mapping: 'ItemAttributes > Author'},
'Title', 'Manufacturer', 'ProductGroup'
])
});
var cm = new Ext.grid.ColumnModel([
{header: "Author", width: 120, dataIndex: 'Author'},
{header: "Title", width: 180, dataIndex: 'Title'},
{header: "Manufacturer", width: 115, dataIndex: 'Manufacturer'},
{header: "Product Group", width: 100, dataIndex: 'ProductGroup'}
]);
cm.defaultSortable = true;
// create the grid
var grid = new Ext.grid.Grid('example-grid', {
ds: ds,
cm: cm
});
grid.render();
ds.load();
});
</script>
</body>
</html>