Einige Features im ExtJS Gridpanel scheinen noch so neu zu sein, das sie nicht einmal dokumentiert sind.

Beispielsweise gibt es für eine Gridpanel Zelle Events um einen Rechtsklick oder einen Doppelklick abzufragen. Die Besonderheit ist hierbei, dass der Rechtsklick in der viewConfig definiert werden muss, der Doppelklick aber nicht.

Für Zeilennummern in einem Gridpanel muss man einfach nur eine Instanz der Klasse RowNumerer in der Spaltendefinition hinzufügen. Zu beachten ist hier, dass die Zeilennummern im Index mitgezählt werden. Die erste "echte" Spalte hat also nicht mehr Index 0, sondern 1.

 
Rechtsklick oder Doppelklick auf eine Zelle

listeners: {
   celldblclick: function(view, cell, cellIndex, record, row, rowIndex, event) {
   }
},
viewConfig: {
   listeners: {
      cellcontextmenu: function(view, cell, cellIndex, record, row, rowIndex, event) {
      }
   }
},

Gridpanel mit Zeilennummern

columns: [
   new Ext.grid.RowNumberer(),
   {
      header:'FooBar',
      dataIndex:'foobar'
   }
]

ExtJS ist eine tolle Erfindung.

Piwik ist eine freie Alternative zu Google Analytics. Man installiert es wie Wordpress mit einem Weiter-Weiter-Fertig-Dialog auf einem Webspace seiner wahl.

Danach kann man Websites in Piwik anlegen. Man muss dann genau wie in Google Analytics einen Tracking Code in den Footer der Website verbauen.

Piwik ist seit gut einer Stunde in diesen Blog und in einigen anderen meiner Projekte verbaut. Ich werde das erstmal einige Wochen testen und dann entscheiden ob Piwik eingebaut bleibt oder nicht.

Wer übrigens nicht von Piwik analysiert werden möchte, kann im Adblocker seines vertrauens einfach eine Regel auf piwik\.(php|js) anlegen. Dann werden die Dateien piwik.php und piwik.js, egal von welcher Domain, nicht mehr durchgelassen.

In einem Projekt hatte ich eben ein JavaScript, welches die Höhe eines divs an die reale Höhe des ersten Kindelementes anpasst.

var id = document.getElementById('div');
id.style.height=(id.firstChild.offsetHeight+20)+"px";

Nach einer Änderung am Inhalt des divs funktionierte auf einmal das Verändern der Höhe nicht mehr. Die Ausgabe von id.firstChild brachte nur ein plumpes undefined zu Tage.

Lösung des Problems waren Leerzeichen zwischen dem div-Tag und dem Kindelement. Durch den Umbau des div-Inhaltes haben sich die Leerzeichen eingeschichen. Nachdem diese wieder entfernt wurden, ging wieder alles.

Durch die Leerzeichen wurden die Kindelemente nicht erkannt. Der Browser ging davon aus, dass nur reiner Text in dem div ist. Darauf muss man auch erstmal kommen...

Mit json ist es möglich PHP Variablen direkt nach JavaScript zu portieren. Man kann beispielsweise komplexe PHP Arrays an JavaScript übergeben, und diese dort weiter verwenden.

Die json Extension gehört mit in das PECL Repository, und kann recht einfach über die gleichnamige Binary installiert werden. Um PECL nutzen zu können müssen die Pakete php5-dev, autoconf und make (Debian Paketnamen) installiert sein. Außerdem wird ein C/C++ Compiler benötigt.

pecl install json

Ist dies erfolgreich durchgelaufen, muss man das Extension noch in der php.ini einbinden. Unter Debian wird dabei im Ordner /etc/php5/apache2/conf.d/ eine Datei mit dem Namen json.ini angelegt. In dieser Datei wird dann die extenstion-Direktive reingeschrieben.

extension=json.so

Unter Arch Linux schriebt man diese Direktive direkt in die /etc/php/php.ini.

Danach muss der Webserver neugestartet/reloaded werden. Dann kann man json mit folgendem PHP Codeschnipsel testen.

<?php
   var_dump(json_encode(array("foo"=>0, "bar"=>array(1, 2, 3))));
?>

Kommt dort keine Fehlermeldung, wurde json erfolgreich installiert.