[CLOSED] Data Store deriving invalid data variable name

[SFritsche]

In an ASP.NET Web User Control, I have an ext:store. The javascript code is invalid that is generated when I am binding data to the store:

 <script type="text/javascript">
 //<![CDATA[
  Ext.onReady(function(){Ext.QuickTips.init();this.ctl00_MainContent_controls/denial_statementv2_storeDenials_Data=[{"IsActive":"1","GroupID":0,"Statement":"This is a sentence.","Appliesto":"All"}];this.ctl00_MainContent_controls/denial_statementv2_storeDenials=new Coolite.Ext.Store({id:"ctl00_MainContent_controls/denial_statementv2_storeDenials",ajaxEventConfig:{formProxyArg:"aspnetForm"},reader:new Ext.data.ArrayReader({fields:[{type:"int",name:"PrimaryID"},{type:"int",name:"StatementID"},{type:"boolean",name:"IsActive"},{type:"int",name:"AppliesAll"},{type:"int",name:"GroupID"},{dateFormat:"Y-m-dTh:i:s",type:"date",name:"Statement"},{type:"string",name:"Appliesto"},{type:"string",name:"Status"}]}),autoLoad:true});ctl00_MainContent_controls/denial_statementv2_storeDenials.proxy=new Ext.data.PagingMemoryProxy(ctl00_MainContent_controls/denial_statementv2_storeDenials_Data, false);this.ctl00_MainContent_controls/denial_statementv2_GridView2=new Ext.grid.GridView({proxyId:"ctl00_MainContent_controls/denial_statementv2_GridView2",forceFit:true,autoFill:true});this.ctl00_MainContent_controls/denial_statementv2_ColumnModel2=new Ext.grid.ColumnModel({proxyId:"ctl00_MainContent_controls/denial_statementv2_ColumnModel2",columns:[{sortable:true,id:"DenialID",hideable:false,header:"ID",dataIndex:"PrimaryID"},{width:55,sortable:true,id:"AppliesTo",header:"Applies to",dataIndex:"Appliesto"},{width:65,sortable:true,renderer:Ext.util.Format.dateRenderer('m/d/Y'),id:"EffectiveDate",header:"Effective",dataIndex:"Statement"},{width:55,sortable:true,id:"Status",header:"Status",dataIndex:"Status"}]});this.ctl00_MainContent_controls/denial_statementv2_panel_Denial=new Ext.Window({id:"ctl00_MainContent_controls/denial_statementv2_panel_Denial",renderTo:"aspnetForm",cls:"grayPanel",y:1,layout:"ux.row",items:{ctl00_MainContent_controls/denial_statementv2_grid_Denial_ClientInit},buttons:[{ctl00_MainContent_controls/denial_statementv2_Button2_ClientInit}],buttonAlign:"center",width:900,height:1200,closeAction:"hide",closable:false});{id:"ctl00_MainContent_controls/denial_statementv2_Button2",xtype:"button",text:"Cancel",iconCls:"icon-cancel"}{id:"ctl00_MainContent_controls/denial_statementv2_grid_Denial",xtype:"coolitegrid",autoShow:true,autoWidth:true,autoHeight:true,monitorResize:true,title:"Denial Statements",iconCls:"icon-folderpage",collapsible:true,autoScroll:true,selectionMemory:false,view:this.ctl00_MainContent_controls/denial_statementv2_GridView2,stripeRows:true,store:ctl00_MainContent_controls/denial_statementv2_storeDenials,cm:this.ctl00_MainContent_controls/denial_statementv2_ColumnModel2}ctl00_MainContent_controls/denial_statementv2_panel_Denial.show();Coolite.Ext.setTheme("/web/extjs/resources/css/xtheme-gray-embedded-css/coolite.axd?40388");});Coolite.Ext.ScriptManagerUniqueID="ctl00$MainContent$controls/denial_statementv2$ScriptManager1";Ext.BLANK_IMAGE_URL="/web/extjs/resources/images/gray/s-gif/coolite.axd";
 //]]>
 </script>

The bolded name is invalid in jscript. How is this happening, and can I control it somehow that I don't know about.

Thanks.
-Steve

[Vladimir]

Hi,

Do you use MasterPage? If yes then what ID of*ContentPlaceHolder?
Just I see that ID of one INamingContainer contains '/'. It is source of problem.


Can you post example which gives such script?
Also you can set IDMode="Static" in ScriptManager. In this case will be used ID insted ClientID (just need to have unique ID's in all INamingContainers)

[SFritsche]

I added IDMode="Static" to the Script Manager. That solved the problem. For future reference, I am using master page, and the contant placeholder is MainContent. Probably needs some tweaking to make sure the derived name is valid under that circumstance. Thanks for the help.
-Steve