Egy ablak vagy egy panel elemhez nem csak a szokványos bezár, összecsuk stb. eszköz gombokat lehet hozzárendelni, hanem még egy tucat másikat. Kérdőjelet, fogaskereket és még ki tudja miket... már sokadszorra fordult velem elő, hogy a "ki tudja mik"-en gondolkodtam, majd minden alkalommal eldöntöttem, hogy ezeket valahol összegyűjtöm.
A doksiban fel van sorolva a lista. Ám mégiscsak többet nyújt, ha az ember látja is maga előtt ezeket.
Az, hogy miket használhatunk, legegyszerűbben úgy nézhetjük meg, hogy a css szabályok között kikeressük azokat, melyek .x-tool-akármi alakúak.
Tehát:
var tools = [];
for (rule in Ext.util.CSS.getRules(true)) {
if (/^\.x\-tool\-[a-z]+$/.test(rule)) {
tools.push({id: rule.substring(8), qtip: rule});
}
}
new Ext.Window({
title: 'Tools',
tools: tools,
width: 400,
closable: false,
bodyStyle: 'padding:4px',
html: 'A CSS fájlokban definiált "eszköz gombok".'
}).show();