<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Saki's Blog &#187; javascript</title>
	<atom:link href="http://blog.extjs.eu/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.extjs.eu</link>
	<description>For good of all productive developers</description>
	<lastBuildDate>Mon, 16 Aug 2010 23:12:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>New Example &#8211; Ext.ux.MsgBus Demo</title>
		<link>http://blog.extjs.eu/examples/new-example-ext-ux-msgbus-demo/</link>
		<comments>http://blog.extjs.eu/examples/new-example-ext-ux-msgbus-demo/#comments</comments>
		<pubDate>Sun, 20 Sep 2009 21:48:38 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=490</guid>
		<description><![CDATA[<br/>Hi there,
I&#8217;ve just uploaded demo of Ext.ux.MsgBus Plugin at http://examples.extjs.eu/?ex=msgbus.
Enjoy!
]]></description>
			<content:encoded><![CDATA[<br/><p>Hi there,</p>
<p>I&#8217;ve just uploaded demo of <a href="http://blog.extjs.eu/plugins/ext-ux-msgbus-plugin/">Ext.ux.MsgBus Plugin</a> at <a href="http://examples.extjs.eu/?ex=msgbus">http://examples.extjs.eu/?ex=msgbus</a>.</p>
<p>Enjoy!</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><div class="paypal-donations"><input type="hidden" name="cmd" value="_donations" /><input type="hidden" name="business" value="js02@aariadne.com" /><input type="hidden" name="item_number" value="Blog Donation" /><input type="hidden" name="currency_code" value="EUR" /><input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-donate.gif" name="submit" alt="PayPal - The safer, easier way to pay online." /><img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" /></div></form>
]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/examples/new-example-ext-ux-msgbus-demo/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>New example &#8211; Drag from Grid to Tree</title>
		<link>http://blog.extjs.eu/examples/new-example-drag-from-grid-to-tree/</link>
		<comments>http://blog.extjs.eu/examples/new-example-drag-from-grid-to-tree/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 20:26:07 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=303</guid>
		<description><![CDATA[<br/>Hi all,
I&#8217;ve just posted new example on how to drag rows from grid to tree.
Enjoy!
http://examples.extjs.eu/?ex=grid2treedrag
]]></description>
			<content:encoded><![CDATA[<br/><p>Hi all,</p>
<p>I&#8217;ve just posted new example on how to drag rows from grid to tree.</p>
<p>Enjoy!</p>
<p><a href="http://examples.extjs.eu/?ex=grid2treedrag" target="_blank">http://examples.extjs.eu/?ex=grid2treedrag</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/examples/new-example-drag-from-grid-to-tree/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>New Example &#8211; Asynchronous Tree State</title>
		<link>http://blog.extjs.eu/examples/new-example-asynchronous-tree-state/</link>
		<comments>http://blog.extjs.eu/examples/new-example-asynchronous-tree-state/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 08:59:13 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=298</guid>
		<description><![CDATA[<br/>Hi, 

I&#8217;ve uploaded example of keeping state of asynchronously loaded tree at http://examples.extjs.eu.


The core state-keeping code is written in the form of plugin so it can be sticked in any existing tree.

Enjoy!
]]></description>
			<content:encoded><![CDATA[<br/><p>Hi, </p>
<p>
I&#8217;ve uploaded example of keeping state of asynchronously loaded tree at <a href="http://examples.extjs.eu/?ex=treestate" target="_blank">http://examples.extjs.eu</a>.
</p>
<p>
The core state-keeping code is written in the form of plugin so it can be sticked in any existing tree.
</p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/examples/new-example-asynchronous-tree-state/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>New Example &#8211; Combo with Remote Store</title>
		<link>http://blog.extjs.eu/examples/new-example-combo-with-remote-store/</link>
		<comments>http://blog.extjs.eu/examples/new-example-combo-with-remote-store/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 11:58:36 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Know-how]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=295</guid>
		<description><![CDATA[<br/>Hi, 
I&#8217;ve just uploaded a full-fledged example of combo with remote store at http://examples.extjs.eu.
Enjoy!
]]></description>
			<content:encoded><![CDATA[<br/><p>Hi, </p>
<p>I&#8217;ve just uploaded a full-fledged example of combo with remote store at <a href="http://examples.extjs.eu/?ex=combo" target="_blank">http://examples.extjs.eu</a>.</p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/examples/new-example-combo-with-remote-store/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Factory Function File Pattern</title>
		<link>http://blog.extjs.eu/know-how/factory-function-file-pattern/</link>
		<comments>http://blog.extjs.eu/know-how/factory-function-file-pattern/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 13:50:04 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[File Patters]]></category>
		<category><![CDATA[Know-how]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=266</guid>
		<description><![CDATA[<br/>You know, I&#8217;m not very big fan of factory functions, nevertheless, I&#8217;m aware of the fact that they may be necessary in some situations. Here is the file pattern that works (briefly tested).
Keep each factory function in a separate file name of which should be Namespace.Factory.functionName.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
// vim: ts=4:sw=4:nu:fdc=4:nospell
/*global Ext, MyNamespace */
/**
 * @class MyNamespace.Factory
 *
 [...]]]></description>
			<content:encoded><![CDATA[<br/><p>You know, I&#8217;m not very big fan of factory functions, nevertheless, I&#8217;m aware of the fact that they may be necessary in some situations. Here is the file pattern that works (briefly tested).</p>
<p><b>Keep each factory function in a separate file name of which should be <code>Namespace.Factory.functionName.js</code></b></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">// vim: ts=4:sw=4:nu:fdc=4:nospell</span>
<span style="color: #009966; font-style: italic;">/*global Ext, MyNamespace */</span>
<span style="color: #006600; font-style: italic;">/**
 * @class MyNamespace.Factory
 *
 * A Factory function pattern
 *
 * @author    Ing. Jozef Sakáloš
 * @copyright (c) 2009, by Ing. Jozef Sakáloš
 * @date      17. March 2009
 * @version   0.1
 * @revision  $Id$
 *
 * @license MyNamespace.Factory.myPanel.js is licensed under the terms of
 * the Open Source LGPL 3.0 license. Commercial use is permitted to the extent
 * that the code/component(s) do NOT become part of another Open Source or 
 * Commercially licensed development library or toolkit 
 * without explicit permission.
 * 
 * &lt;p&gt;License details: &lt;a href=&quot;http://www.gnu.org/licenses/lgpl.html&quot;
 * target=&quot;_blank&quot;&gt;http://www.gnu.org/licenses/lgpl.html&lt;/a&gt;&lt;/p&gt;
 */</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// create namespace</span>
Ext.<span style="color: #660066;">ns</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'MyNamespace.Factory'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">/**
 * @method myPanel
 * @param {Object} config
 * A config object
 * @return {Ext.Panel}
 */</span>
MyNamespace.<span style="color: #660066;">Factory</span>.<span style="color: #660066;">myPanel</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>config<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
	<span style="color: #006600; font-style: italic;">// pre-instantiation code</span>
	<span style="color: #003366; font-weight: bold;">var</span> defaults <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #006600; font-style: italic;">// put your defaults here</span>
		<span style="color: #006600; font-style: italic;">// but avoid id, el, contentEl, renderTo, applyTo, or similar</span>
	<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// eo defaults object</span>
&nbsp;
	<span style="color: #006600; font-style: italic;">// create config object</span>
	<span style="color: #003366; font-weight: bold;">var</span> cfg <span style="color: #339933;">=</span> Ext.<span style="color: #660066;">apply</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> config<span style="color: #339933;">,</span> defaults<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #006600; font-style: italic;">// instantiate</span>
	<span style="color: #003366; font-weight: bold;">var</span> cmp <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Ext.<span style="color: #660066;">Panel</span><span style="color: #009900;">&#40;</span>cfg<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #006600; font-style: italic;">// post-instantiation code</span>
&nbsp;
	<span style="color: #006600; font-style: italic;">// return the created component</span>
	<span style="color: #000066; font-weight: bold;">return</span> cmp<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span> <span style="color: #006600; font-style: italic;">// eo function MyNamespace.Factory.myPanel</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// eof</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/know-how/factory-function-file-pattern/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>New Example &#8211; How To Dynamically Add Tabs To TabPanel</title>
		<link>http://blog.extjs.eu/examples/new-example-how-to-dynamically-add-tabs-to-tabpanel/</link>
		<comments>http://blog.extjs.eu/examples/new-example-how-to-dynamically-add-tabs-to-tabpanel/#comments</comments>
		<pubDate>Fri, 13 Mar 2009 12:55:23 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=231</guid>
		<description><![CDATA[<br/>This example shows how to easily add tabs to a TabPanel without any layout issues of the newly added tab.
http://examples.extjs.eu
Enjoy!
]]></description>
			<content:encoded><![CDATA[<br/><p>This example shows how to easily add tabs to a TabPanel without any layout issues of the newly added tab.</p>
<p><a href="http://examples.extjs.eu/?ex=dyntab" target="_blank">http://examples.extjs.eu</a></p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/examples/new-example-how-to-dynamically-add-tabs-to-tabpanel/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to remove all children of a tree node</title>
		<link>http://blog.extjs.eu/know-how/how-to-remove-all-children-of-a-tree-node/</link>
		<comments>http://blog.extjs.eu/know-how/how-to-remove-all-children-of-a-tree-node/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 21:34:29 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[Know-how]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=221</guid>
		<description><![CDATA[<br/>Suppose we want to remove all children of the node node:

while&#40;node.firstChild&#41; &#123;
    node.removeChild&#40;node.firstChild&#41;;
&#125;

That&#8217;s all there is to it
]]></description>
			<content:encoded><![CDATA[<br/><p>Suppose we want to remove all children of the node <code><b>node</b></code>:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">while</span><span style="color: #009900;">&#40;</span>node.<span style="color: #660066;">firstChild</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    node.<span style="color: #660066;">removeChild</span><span style="color: #009900;">&#40;</span>node.<span style="color: #660066;">firstChild</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>That&#8217;s all there is to it</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/know-how/how-to-remove-all-children-of-a-tree-node/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>New Example</title>
		<link>http://blog.extjs.eu/examples/new-example-8/</link>
		<comments>http://blog.extjs.eu/examples/new-example-8/#comments</comments>
		<pubDate>Thu, 12 Feb 2009 21:49:18 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=208</guid>
		<description><![CDATA[<br/>Hi,
I&#8217;ve just uploaded the complex example of data binding of grid record to another two components.
http://examples.extjs.eu
Enjoy!
]]></description>
			<content:encoded><![CDATA[<br/><p>Hi,</p>
<p>I&#8217;ve just uploaded the complex example of data binding of grid record to another two components.</p>
<p><a target="_blank" href="http://examples.extjs.eu?ex=databind">http://examples.extjs.eu</a></p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/examples/new-example-8/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>New Example</title>
		<link>http://blog.extjs.eu/examples/new-example-7/</link>
		<comments>http://blog.extjs.eu/examples/new-example-7/#comments</comments>
		<pubDate>Tue, 10 Feb 2009 08:54:03 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=205</guid>
		<description><![CDATA[<br/>Hi,
I&#8217;ve just uploaded the example of dragging from a tree and dropping on a div.
http://examples.extjs.eu
Enjoy!
]]></description>
			<content:encoded><![CDATA[<br/><p>Hi,</p>
<p>I&#8217;ve just uploaded the example of dragging from a tree and dropping on a div.</p>
<p><a target="_blank" href="http://examples.extjs.eu?ex=tree2divdrag">http://examples.extjs.eu</a></p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/examples/new-example-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Example</title>
		<link>http://blog.extjs.eu/examples/new-example-6/</link>
		<comments>http://blog.extjs.eu/examples/new-example-6/#comments</comments>
		<pubDate>Mon, 09 Feb 2009 07:31:36 +0000</pubDate>
		<dc:creator>Saki</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[extjs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://blog.extjs.eu/?p=201</guid>
		<description><![CDATA[<br/>Hi,
I&#8217;ve just uploaded the example of populating a combo with data loaded from server on form load.
http://examples.extjs.eu
Enjoy!
]]></description>
			<content:encoded><![CDATA[<br/><p>Hi,</p>
<p>I&#8217;ve just uploaded the example of populating a combo with data loaded from server on form load.</p>
<p><a target="_blank" href="http://examples.extjs.eu?ex=popcombo">http://examples.extjs.eu</a></p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.extjs.eu/examples/new-example-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
