[CLOSED] JavaScript error on ASCX page

  1. #1

    [CLOSED] JavaScript error on ASCX page

    Hello,

    I have the an ASCX control loaded into a ASPX Panel. When trying to use;

    <Listeners>
        <Click Fn="RemoveFromList" />                       
    </Listeners>
    to fire a JavaScript function to remove items from a <ext:MultiSelect> control, I get "MultiSelectSpecialNeeds is undefined".
    I tryied to declare the JavaScript function on the ASPX but did not work.

    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DVCWebcast.ascx.cs"
        Inherits="WebClientTrackerII.App.Projects.RequestForms.DVCWebcast" %>
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    
    <script language="javascript" type="text/javascript">
    
    
        var RemoveFromList = function() {
            var indexes = MultiSelectReqFormsSpeclNeeds.view.getSelectedIndexes() || [];
    
    
            Ext.each(indexes, function(index) { MultiSelectReqFormsSpeclNeeds.store.remove(MultiSelectReqFormsSpeclNeeds.store.getAt(index)); });
    
    
        }
    </script>
    
    <asp:SqlDataSource ID="SqlDataSourceProjectContacts" runat="server" ConnectionString="<%$ connectionStrings:DBConnectionString %>"
        ProviderName="<%$ connectionStrings:DBConnectionString.ProviderName %>" SelectCommand="SELECT   PRJCT_CNTCT.PRJCT_CNTCT_ID,
             PRJCT_CNTCT.PRJCT_CNTCT_NM,
             PRJCT_CNTCT.PRJCT_CNTCT_PHONE_NUM,
             PRJCT_CNTCT.PRJCT_CNTCT_EMAIL_TXT,
             PRJCT_CNTCT.PRJCT_CNTCT_CRTD_ID,
             PRJCT_CNTCT.PRJCT_CNTCT_CRTD_DT,
             PRJCT_CNTCT.PRJCT_CNTCT_UPDT_ID,
             PRJCT_CNTCT.PRJCT_CNTCT_UPDT_DT,
             PRJCT_CNTCT.PRJCT_CNTCT_CNTCT_TYPE_ID,
             PRJCT_CNTCT.PRJCT_CNTCT_PRJCT_EVENT_ID,
             PRJCT_CNTCT.PRJCT_CNTCT_FAX_NUM
      FROM   TRACKER2.PRJCT_CNTCT">
      </asp:SqlDataSource>
    <asp:SqlDataSource ID="SqlDataSourceSpecialNeeds" runat="server"
        ConnectionString="<%$ connectionStrings:DBConnectionString %>"
        ProviderName="<%$ connectionStrings:DBConnectionString.ProviderName %>"
        SelectCommand="SELECT SPCL_NEED_TYPE_ID,
             SPCL_NEED_TYPE_NM,
             SPCL_NEED_TYPE_ACTV_IND
      FROM   TRACKER2.SPCL_NEED_TYPE WHERE SPCL_NEED_TYPE_ACTV_IND = 'Y'">
     
     
      </asp:SqlDataSource>
     
      <asp:SqlDataSource ID="SqlDataSourceReqFormsSpeclNeeds" runat="server"
        ConnectionString="<%$ connectionStrings:DBConnectionString %>"
        ProviderName="<%$ connectionStrings:DBConnectionString.ProviderName %>"
      SelectCommand="SELECT PRJCT_SPCL_NEED_ID,
             PRJCT_SPCL_NEED_SPCL_NEED_TYPE,
             PRJCT_SPCL_NEED_OTHR_NEED_DESC,
             PRJCT_SPCL_NEED_PRJCT_EVENT_ID
      FROM   TRACKER2.PRJCT_SPCL_NEED WHERE PRJCT_SPCL_NEED_PRJCT_EVENT_ID=:PRJCT_SPCL_NEED_PRJCT_EVENT_ID">
        <SelectParameters>
            <asp:FormParameter Name="PRJCT_SPCL_NEED_PRJCT_EVENT_ID" FormField="EVENTID" />   
        </SelectParameters>
      </asp:SqlDataSource>
     
    <ext:Store ID="storeReqFormsSpeclNeeds" runat="server" DataSourceID="SqlDataSourceReqFormsSpeclNeeds"
        AutoLoad="true">
        <Reader>
            <ext:JsonReader ReaderID="PRJCT_SPCL_NEED_ID">
                <Fields>
                    <ext:RecordField Name="PRJCT_SPCL_NEED_ID" />
                    <ext:RecordField Name="PRJCT_SPCL_NEED_SPCL_NEED_TYPE" />
                    <ext:RecordField Name="PRJCT_SPCL_NEED_OTHR_NEED_DESC" />
                    <ext:RecordField Name="PRJCT_SPCL_NEED_PRJCT_EVENT_ID" />
                    <ext:RecordField Name="SPECIALNEED" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
     
    <ext:Store ID="storeSpecialNeeds" runat="server" DataSourceID="SqlDataSourceSpecialNeeds"
        AutoLoad="true">
        <Reader>
            <ext:JsonReader ReaderID="SPCL_NEED_TYPE_ID">
                <Fields>
                    <ext:RecordField Name="SPCL_NEED_TYPE_ID" />
                    <ext:RecordField Name="SPCL_NEED_TYPE_NM" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    
    
    <ext:Hidden ID="EVENTID" runat="server"/>
    
    
    <ext:Panel ID="dvcwebcastPanel" runat="server" Frame="false" Border="false" AutoScroll="true">
        <Body>
            <table cellpadding="20" cellspacing="6">
                <tr>
                    <td class="RequestForm_TD_Style1" align="right">
                        <asp:Label ID="Label1" runat="server" Text="DVC / Webcast Type: " CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                    <td class="RequestForm_TD_Style2">
                        <ext:ComboBox ID="CmbBxType" runat="server">
                        </ext:ComboBox>
                    </td>
                </tr>
            </table>
            <table cellpadding="20" cellspacing="6">
                <tr>
                    <td class="RequestForm_TD_Style1" align="right">
                        <asp:Label ID="Label2" runat="server" Text="DVC / Webcast Start Date: " CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                    <td class="RequestForm_TD_Style1">
                        <ext:DateField ID="startDateDt" runat="server" Disabled="true">
                        </ext:DateField>
                    </td>
                    <td align="right">
                        <asp:Label ID="Label3" runat="server" Text="Start Time: " CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                    <td>
                        <ext:ComboBox ID="CmbBxstartTime" runat="server" Width="80">
                        </ext:ComboBox>
                    </td>
                    <td align="right">
                        <ext:Radio ID="rdbtnSatrtAm" runat="server" BoxLabel="AM" GroupName="startAmPm" Cls="cb_label">
                        </ext:Radio>
                    </td>
                    <td>
                        <ext:Radio ID="rdbtnSatrtPm" runat="server" BoxLabel="PM" GroupName="startAmPm" Cls="cb_label">
                        </ext:Radio>
                    </td>
                    <td>
                        <asp:Label ID="Label4" runat="server" Text="(Washington, DC time)" CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="RequestForm_TD_Style1" align="right">
                        <asp:Label ID="lblEndDate" runat="server" Text="DVC / Webcast End Date: " CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                    <td class="RequestForm_TD_Style1">
                        <ext:DateField ID="endDateDt" runat="server" Disabled="true">
                        </ext:DateField>
                    </td>
                    <td align="right">
                        <asp:Label ID="Label6" runat="server" Text="End Time: " CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                    <td>
                        <ext:ComboBox ID="ComboBox2" runat="server" Width="80">
                        </ext:ComboBox>
                    </td>
                    <td align="right">
                        <ext:Radio ID="rdbtnEndAm" runat="server" BoxLabel="AM" GroupName="endAmPm" Cls="cb_label">
                        </ext:Radio>
                    </td>
                    <td>
                        <ext:Radio ID="rdbtnEndPm" runat="server" BoxLabel="PM" GroupName="endAmPm" Cls="cb_label">
                        </ext:Radio>
                    </td>
                    <td>
                        <asp:Label ID="Label5" runat="server" Text="(Washington, DC time)" CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td align="right" valign="top">
                        <asp:Label ID="Label7" runat="server" Text="Project Post(s) if Branch Post: " CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                    <td>
                        <ext:TextArea ID="prjctPostBranchTxt" runat="server" Width="400">
                        </ext:TextArea>
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="top">
                        <asp:Label ID="Label8" runat="server" Text="In Host Country: " CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                    <td>
                        <ext:ComboBox ID="CmbBxinHostCountry" runat="server" Width="280">
                        </ext:ComboBox>
                    </td>
                    <tr>
                        <td align="right" valign="top">
                            <asp:Label ID="Label9" runat="server" Text="Other Location info: " CssClass="RequestForm_Label_Style1"></asp:Label>
                        </td>
                        <td>
                            <ext:TextArea ID="otherLocationTxt" runat="server" Width="400">
                            </ext:TextArea>
                        </td>
                    </tr>
                </tr>
                <tr>
                    <td align="right" valign="top">
                        <asp:Label ID="Label10" runat="server" Text="Overseas Program Officer: " CssClass="RequestForm_Label_Style1"></asp:Label>
                    </td>
                    <td>
                        <%--
                        <ext:GridPanel ID="grdProjectContact" runat="server">
                        </ext:GridPanel>
                        --%>
                    </td>
                </tr>
               
            </table>
            <table cellpadding="20" cellspacing="6">
                <tr>
                    <td align="right" valign="top">
                        <asp:Label ID="Label11" runat="server" Text="Special Needs: " CssClass="RequestForm_Label_Style1" Width="80"></asp:Label>
                    </td>
                    <td>
                        <ext:MultiSelect ID="MultiSelectSpecialNeeds" runat="server" Width="160" Height="80"
                            SubmitText="true" StoreID="storeSpecialNeeds" DisplayField="SPCL_NEED_TYPE_NM"
                            ValueField="SPCL_NEED_TYPE_ID">
                            <Items>
                            </Items>
                            <SelectedItems>
                            </SelectedItems>
                        </ext:MultiSelect>
                    </td>
                    <td>
                        <ext:ImageButton ID="addAudienceBtn" runat="server" ImageUrl="/images/AddArrow.png">
                             <AjaxEvents>
                                <Click OnEvent="addSpecialNeedBtn_Click">
                                    <ExtraParams>
                                        <ext:Parameter Name="ReqFormsSpclNeedsItems" Value="Ext.encode(#{MultiSelectReqFormsSpeclNeeds}.getValues(true))"
                                            Mode="Raw" />
                                    </ExtraParams>
                                </Click>
                            </AjaxEvents>
                        </ext:ImageButton>
                        <ext:ImageButton ID="removeAudienceBtn" runat="server" ImageUrl="/images/removeArrow.png">
                            <Listeners>
                                <Click Fn="RemoveFromList" />
                            </Listeners>
                        </ext:ImageButton>
                    </td>
                    <td>
                   <ext:MultiSelect ID="MultiSelectReqFormsSpeclNeeds" runat="server" Width="160" Height="80" SubmitText="true"
                     StoreID="storeReqFormsSpeclNeeds" DisplayField="SPECIALNEED" ValueField="PRJCT_SPCL_NEED_ID">
                            <Items>
                            </Items>
                   </ext:MultiSelect>               
                    </td>
                </tr>
            </table>
        </Body>
    </ext:Panel>
    Any help will be appreciated
    Thank You,

  2. #2

    RE: [CLOSED] JavaScript error on ASCX page

    Hi,

    If control places to the INamingContainer (UserControl, MasterPage) then ClientID != ID (we use Client ID on client side)


    Possible solutions:


    1. Set IDMode="Static" for MultiSelect control


    2. Use <%= block
    var indexes =<%= MultiSelectReqFormsSpeclNeeds.ClientID %>.view.getSelectedIndexes() || [];

Similar Threads

  1. Replies: 2
    Last Post: Nov 15, 2012, 12:52 AM
  2. [CLOSED] Error loading page using Javascript
    By flormariafr in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Feb 25, 2010, 2:14 PM
  3. Get id of elements into page.ascx
    By flaviodamaia in forum 1.x Help
    Replies: 3
    Last Post: Jan 23, 2009, 7:26 AM
  4. Loading a UserControl (ascx) to a page
    By egodoy in forum 1.x Help
    Replies: 4
    Last Post: Dec 31, 2008, 11:40 AM
  5. Replies: 3
    Last Post: Jul 11, 2008, 10:41 AM

Posting Permissions