Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [ExtJS] Datagrid i JSON :(
pawel_
post 11.03.2008, 13:56:52
Post #1





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 12.12.2005

Ostrzeżenie: (0%)
-----

Witam.
Mam problem z ExtJS. Chciałbym połączyć datagrid z jsonem, ale coś mi nie idzie. Nie sypie błędami, pokazuje tylko nagłówek tabeli. Jest request po dane, w readerze one siedzą prawidłowo, ale nie wyświetla :[
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.         <title>Test extJS</title>
  6.         <script type="text/javascript" src="js/ext-base.js">
  7.         </script>
  8.         <script type="text/javascript" src="js/ext-all.js">
  9.         </script>
  10.         <link rel="stylesheet" href="css/ext-all.css">
  11.         <link rel="stylesheet" href="css/xtheme-gray.css">
  12.         </link>
  13.     </head>
  14.     <body>
  15.         <div id="content" style="width: 1024px; height: 768px;">
  16.         </div>
  17.         <script type="text/javascript">
  18.             var grid;
  19.             var ds;
  20.  
  21.             Ext.onReady(function(){
  22.                 init_grid();
  23.             });
  24.  
  25.             function init_grid(){
  26.                 ds = new Ext.data.Store({
  27.                     proxy: new Ext.data.HttpProxy({
  28.                         url: 'admin/ajax.php?get=users',
  29.                         method: 'GET'
  30.                     }),
  31.  
  32.                     reader: new Ext.data.JsonReader({
  33.                         root: 'users',
  34.                         totalProperty: 'total',
  35. 						id: 'id'
  36.                     }, ['id', 'login', 'email','registerDate']),
  37.                     remoteSort: true
  38.                 });
  39.  
  40.                 var cm = new Ext.grid.ColumnModel([{
  41.                     id: 'id',
  42.                     header: "ID",
  43.                     dataIndex: 'id',
  44.                     width: 250
  45.                 }, {
  46.                     header: "Login",
  47.                     dataIndex: 'login',
  48.                     width: 75
  49.                 }, {
  50.                     header: "E-mail",
  51.                     dataIndex: 'email',
  52.                     width: 75
  53.                 }, {
  54.                     header: "Register Date",
  55.                     dataIndex: 'registerDate',
  56.                     width: 100
  57.                 }]);
  58.  
  59.                 cm.defaultSortable = true;
  60.  
  61.                 grid = new Ext.grid.GridPanel({
  62.                     ds: ds,
  63.                     cm: cm,
  64.                     selModel: new Ext.grid.RowSelectionModel({
  65.                         singleSelect: true
  66.                     }),
  67.                     autoExpandColumn: 'id'
  68.                 });
  69.  
  70.                 grid.render('content');
  71.                 ds.load();
  72.             }
  73.         </script>
  74.     </body>
  75. </html>
[HTML] pobierz, plaintext

a tak wygląda json
[HTML] pobierz, plaintext 
  1. {"total":2,"users":[{"id":1,"login":"pawel","email":"pawel@ncreations.pl","registerDate":"2008-03-11 06:48:11"},{"id":2,"login":"micha\u0142","email":"michal@wp.pl","registerDate":"2008-03-11 06:48:11"}]}
[HTML] pobierz, plaintext


Pozdrawiam,
Paweł

rozwiązane.... wystarczyło zrobić
[HTML] pobierz, plaintext 
  1. grid = new Ext.grid.GridPanel({
  2. ds: ds,
  3. cm: cm,
  4. autoHeight: true, // tutaj była zmiana
  5. selModel: new Ext.grid.RowSelectionModel({
  6. singleSelect: true
  7. }),
  8. autoExpandColumn: 'id'
  9. });
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 17:04
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn