<#:item ref="init_script" index="1">Ext.History.initEx({listeners:{change:{fn:change}}}); <#:item ref="init_script" index="2">Ext.create("Ext.container.Viewport",{renderTo:Ext.getBody(),items:[<#:anchor id="RedirectOverlay_ClientInit" />,<#:anchor id="ctl16_ClientInit" />,<#:anchor id="rightnav_ClientInit" />,<#:anchor id="ctl29_ClientInit" />,<#:anchor id="ExampleTabs_ClientInit" />],layout:"border"});<#:item ref="RedirectOverlay_ClientInit" index="3">{id:"RedirectOverlay","modal":true,cls:"redirect-overlay",floating:true,width:"80%",xtype:"container",items:[<#:anchor id="ctl08_ClientInit" />,<#:anchor id="ctl10_ClientInit" />,<#:anchor id="ctl12_ClientInit" />,<#:anchor id="RememberCheckbox_ClientInit" />],layout:{type:"vbox",align:"stretch"}}<#:item ref="ctl08_ClientInit" index="4">{cls:"redirect-overlay-body",html:"

Looks like you are browsing from a phone or a tablet device. Would you like to redirect to Ext.NET Mobile examples?

",xtype:"component"}<#:item ref="ctl10_ClientInit" index="5">{id:"ctl10",xtype:"button",flex:1,handler:onRedirect,text:"Redirect"}<#:item ref="ctl12_ClientInit" index="6">{id:"ctl12",xtype:"button",flex:1,handler:onStay,text:"Stay here"}<#:item ref="RememberCheckbox_ClientInit" index="7">{id:"RememberCheckbox",cls:"remember-me",xtype:"checkboxfield",validateOnFocusLeave:true,boxLabel:"Remember my choice",inputValue:"App.RememberCheckbox"}<#:item ref="ctl16_ClientInit" index="8">{border:false,height:70,region:"north",contentEl:"ctl16_Content",header:false}
<#:item ref="rightnav_ClientInit" index="14">{id:"rightnav",border:false,hidden:true,margin:"0",width:270,region:"east",contentEl:"rightnav_Content",bodyCls:"right-nav-menu",header:false}
Get Ext.NET
<#:item ref="ctl29_ClientInit" index="15">{border:false,margin:"0",width:270,region:"west",items:[<#:anchor id="exampleTree_ClientInit" />],layout:"fit",header:false}<#:item ref="exampleTree_ClientInit" index="16">{store:<#:anchor id="ctl30_ClientInit" />,id:"exampleTree",xtype:"treepanel",scrollable:true,collapseFirst:false,header:false,tbar:<#:anchor id="ctl31_ClientInit" />,columns:<#:anchor id="ctl59_ClientInit" />,hideHeaders:true,animate:false,lines:false,rootVisible:false,useArrows:true,listeners:{afterrender:{fn:onTreeAfterRender},itemclick:{fn:function(item,record,node,index,e){onTreeItemClick(record, e);}}}}<#:item ref="ctl30_ClientInit" index="17">{storeId:"ctl30",type:"tree",proxy:{type:"page",requestConfig:{type:"load",method:"GET"}},fields:[{name:"tags"},{name:"flags"}],parentIDProperty:"",root:{id:"Root",expanded:true}}<#:item ref="ctl31_ClientInit" index="18">{cls:"left-header",xtype:"toolbar",items:[<#:anchor id="TriggerField1_ClientInit" />,<#:anchor id="OptionsButton_ClientInit" />]}<#:item ref="TriggerField1_ClientInit" index="19">{id:"TriggerField1",xtype:"textfield",flex:1,validateOnFocusLeave:true,emptyText:"Filter Examples...",enableKeyEvents:true,removeClearTrigger:true,triggers:{"_trigger1":{hidden:true,tag:"_trigger1",cls:Ext.form.trigger.Trigger.getIcon("Clear")}},listeners:{specialkey:{delay:1,fn:filterSpecialKey},triggerclick:{fn:clearFilter},keyup:{buffer:500,fn:keyUp}}}<#:item ref="OptionsButton_ClientInit" index="20">{id:"OptionsButton",arrowVisible:false,iconCls:"fa fa-cog",menu:<#:anchor id="ctl33_ClientInit" />,tooltip:"Options"}<#:item ref="ctl33_ClientInit" index="21">{minWidth:200,xtype:"menu",items:[<#:anchor id="ctl34_ClientInit" />,<#:anchor id="ctl36_ClientInit" />,<#:anchor id="ctl38_ClientInit" />,<#:anchor id="ctl40_ClientInit" />,<#:anchor id="CheckMenuItemScriptMode_ClientInit" />,<#:anchor id="ctl43_ClientInit" />,<#:anchor id="ctl45_ClientInit" />,<#:anchor id="ctl48_ClientInit" />,<#:anchor id="ctl50_ClientInit" />]}<#:item ref="ctl34_ClientInit" index="22">{iconCls:"icon-expand-all",text:"Expand All",listeners:{click:{fn:function(item,e){App.exampleTree.expandAll(false);}}}}<#:item ref="ctl36_ClientInit" index="23">{iconCls:"icon-collapse-all",text:"Collapse All",listeners:{click:{fn:function(item,e){App.exampleTree.collapseAll(false);}}}}<#:item ref="ctl38_ClientInit" index="24">{xtype:"menuseparator"}<#:item ref="ctl40_ClientInit" index="25">{xtype:"menucheckitem",text:"NEW Only",listeners:{checkchange:{fn:filterNewExamples}}}<#:item ref="CheckMenuItemScriptMode_ClientInit" index="26">{id:"CheckMenuItemScriptMode",xtype:"menucheckitem",text:"Debug Mode",listeners:{checkchange:{fn:function(item,checked){App.direct.ChangeScriptMode(checked);}}}}<#:item ref="ctl43_ClientInit" index="27">{xtype:"menuseparator"}<#:item ref="ctl45_ClientInit" index="28">{iconCls:"#Paintcan",text:"Theme",menu:<#:anchor id="ThemesMenu_ClientInit" />}<#:item ref="ThemesMenu_ClientInit" index="29">{id:"ThemesMenu",minWidth:200,xtype:"menu",items:[<#:anchor id="AriaThemeItem_ClientInit" />,<#:anchor id="ClassicThemeItem_ClientInit" />,<#:anchor id="CrispThemeItem_ClientInit" />,<#:anchor id="CrispTouchThemeItem_ClientInit" />,<#:anchor id="GraphiteThemeItem_ClientInit" />,<#:anchor id="GrayThemeItem_ClientInit" />,<#:anchor id="MaterialThemeItem_ClientInit" />,<#:anchor id="NeptuneThemeItem_ClientInit" />,<#:anchor id="NeptuneTouchThemeItem_ClientInit" />,<#:anchor id="TritonThemeItem_ClientInit" />],listeners:{click:{fn:themeChange}}}<#:item ref="AriaThemeItem_ClientInit" index="30">{id:"AriaThemeItem",xtype:"menucheckitem",text:"Aria",group:"theme"}<#:item ref="ClassicThemeItem_ClientInit" index="31">{id:"ClassicThemeItem",xtype:"menucheckitem",text:"Classic",group:"theme"}<#:item ref="CrispThemeItem_ClientInit" index="32">{id:"CrispThemeItem",xtype:"menucheckitem",text:"Crisp",group:"theme"}<#:item ref="CrispTouchThemeItem_ClientInit" index="33">{id:"CrispTouchThemeItem",xtype:"menucheckitem",text:"Crisp Touch",group:"theme"}<#:item ref="GraphiteThemeItem_ClientInit" index="34">{id:"GraphiteThemeItem",xtype:"menucheckitem",text:"Graphite",group:"theme"}<#:item ref="GrayThemeItem_ClientInit" index="35">{id:"GrayThemeItem",xtype:"menucheckitem",text:"Gray",group:"theme"}<#:item ref="MaterialThemeItem_ClientInit" index="36">{id:"MaterialThemeItem",xtype:"menucheckitem",text:"Material",group:"theme"}<#:item ref="NeptuneThemeItem_ClientInit" index="37">{id:"NeptuneThemeItem",xtype:"menucheckitem",text:"Neptune",group:"theme"}<#:item ref="NeptuneTouchThemeItem_ClientInit" index="38">{id:"NeptuneTouchThemeItem",xtype:"menucheckitem",text:"Neptune Touch",group:"theme"}<#:item ref="TritonThemeItem_ClientInit" index="39">{id:"TritonThemeItem",xtype:"menucheckitem",text:"Triton",checked:true,group:"theme"}<#:item ref="ctl48_ClientInit" index="40">{xtype:"menuseparator"}<#:item ref="ctl50_ClientInit" index="41">{iconCls:"#Find",text:"Search by",menu:<#:anchor id="ctl51_ClientInit" />}<#:item ref="ctl51_ClientInit" index="42">{minWidth:200,xtype:"menu",items:[<#:anchor id="SearchByTitles_ClientInit" />,<#:anchor id="SearchByTags_ClientInit" />]}<#:item ref="SearchByTitles_ClientInit" index="43">{id:"SearchByTitles",xtype:"menucheckitem",text:"Titles",checked:true}<#:item ref="SearchByTags_ClientInit" index="44">{id:"SearchByTags",xtype:"menucheckitem",text:"Tags",checked:true}<#:item ref="ctl59_ClientInit" index="45">{items:[<#:anchor id="ctl60_ClientInit" />]}<#:item ref="ctl60_ClientInit" index="46">{xtype:"treecolumn",flex:1,dataIndex:"text",renderer:treeRenderer}<#:item ref="ExampleTabs_ClientInit" index="47">{id:"ExampleTabs",cls:"tabs",margin:"0",plugins:[<#:anchor id="ctl67_ClientInit" />],xtype:"tabpanel",region:"center",items:[<#:anchor id="tabHome_ClientInit" />],activeTab:0,minTabWidth:115,listeners:{tabchange:{fn:addToken}}}<#:item ref="tabHome_ClientInit" index="48">{id:"tabHome",hideMode:"offsets",loader:<#:anchor id="ctl65_ClientInit" />,title:"Home",iconCls:"fa fa-home"}<#:item ref="ctl65_ClientInit" index="49">{loadMask:{showMask:true},renderer:"frame",url:"Home/"}<#:item ref="ctl67_ClientInit" index="50">Ext.create("Ext.ux.TabCloseMenu",{})<#:item selector="headstart" index="20"> <#:item selector="headstart" key="518a012914f44f48b9b737de153e9d16" index="30" url="/extnet/extnet-init-js/ext.axd?518a012914f44f48b9b737de153e9d16"> Ext.net.ResourceMgr.init({id:"ResourceManager1",url:"/",theme:"triton",icons:["Paintcan","Find"],locale:"en-US"});Ext.onReady(function(){<#:anchor id="ExtNetOnReadyBegin" />Ext.ns("App.direct");Ext.apply(App.direct, { GetHashCode:function(s,config){return Ext.net.DirectMethod.request("GetHashCode",Ext.applyIf(config || {}, {params:{s:s},specifier:"static",url:"/default.aspx"}));},SetTheme:function(theme,config){return Ext.net.DirectMethod.request("SetTheme",Ext.applyIf(config || {}, {params:{theme:theme}}));},ChangeScriptMode:function(debug,config){return Ext.net.DirectMethod.request("ChangeScriptMode",Ext.applyIf(config || {}, {params:{debug:debug}}));} });<#:anchor id="init_script" />App.TriggerField1.focus();<#:anchor id="ExtNetOnReadyEnd" />});<#:item selector="headstart" index="10"> <#:item selector="warning" /><#:item selector="viewstate" /><#:inputs ref="init_script" index="-100" /><#:item selector="postback" /><#:item selector="removeblocks" /><#:item selector="removeLeadingEmptyLines" /><#:item selector="removeLeadingEmptyLinesAfterForm" />