PDA

View Full Version : Grid columns viewing error in RTL mode.



Mahmoud690
3 May 2014, 6:13 AM
Check the following example. It shows the problem with rows data (only one column is visible at start). After resizing columns , the related data will be shown! :

Note that if I set flex:1 for the columns, everything would be ok but again if I change the sort of a column, all rows will be disappeared.



<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="http://docs.sencha.com/extjs/5.0.0/apidocs/extjs-build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all-rtl.css">
<script type="text/javascript" src="http://docs.sencha.com/extjs/5.0.0/apidocs/extjs-build/build/ext-all-rtl.js"></script>
</head>
<body>
<script>
Ext.onReady(function () {
Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
fields:['name', 'email', 'phone'],
data:{'items':[
{ 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224" },
{ 'name': 'Bart', "email":"bart@simpsons.com", "phone":"555-222-1234" },
{ 'name': 'Homer', "email":"homer@simpsons.com", "phone":"555-222-1244" },
{ 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254" }
]},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});


Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
rtl:true,
store: Ext.data.StoreManager.lookup('simpsonsStore'),
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Email', dataIndex: 'email' },
{ text: 'Phone', dataIndex: 'phone' }
],
renderTo: Ext.getBody()
});
});
</script>
</body>
</html>

Mahmoud690
10 May 2014, 9:58 PM
Any feedback from ExtJs developers?!:-?