[CLOSED] Mask on GridPanel RowClick?

[wagger]

Hey,
im not entirely sure how Masks work, but I am wondering if I can get a Mask up when I do a RowClick on a GridPanel somehow?

So in a GridPanel that has a RowClick handler like this:

<Listeners>
     <RowClick Handler="Ext.net.DirectMethods.SetCustomer();"  />
</Listeners>

Can I somehow mask something else (another UserControl) while SetCustomer is executing?

[Daniil]

Hi,

Please use a config object.

Example

Ext.net.DirectMethods.SetCustomer({
    eventMask : { 
        showMask: true, 
        target: 'customtarget',
        customTarget: 'GridPanel1.el'
    }
});

[wagger]

Hmm, that didnt seem to work.

Can you see what I am missing?

<ext:GridPanel
                        ID="GridPanel2" 
                        runat="server" 
                        StoreID="Store_AvailableCustomers"
                        StripeRows="true"
                        Header="true"
                        Title="Kundlista">
                            <LoadMask ShowMask="false" />
                            <SelectionModel>
                                <ext:RowSelectionModel 
                                    ID="SelectedRowModel1" 
                                    runat="server" 
                                    SingleSelect="true">
                                </ext:RowSelectionModel>
                            </SelectionModel>     
                            <ColumnModel ID="ColumnModel2" runat="server" >
                                <Columns>
                                    <ext:Column ColumnID="CustomerId" Header="ID" DataIndex="CustomerId" Hidden="true" />
                                    <ext:Column DataIndex="FirstName" Header="Förnamn" />
                                    <ext:Column DataIndex="LastName" Header="Efternamn"  />
                                    <ext:Column DataIndex="PhoneNbr" Header="Telefonnr"  />
                                </Columns>
                            </ColumnModel>
                            <Listeners>
                                <RowClick Handler="Ext.net.DirectMethods.SetCustomer({
                                    eventMask : { 
                                            showMask: true, 
                                            target: 'customtarget',
                                            customTarget: 'GridPanel2.el'  
                                            }});"  
                                      />
                            </Listeners>
                    </ext:GridPanel>

[Daniil]

Please remove apostrophes in customTarget.

customTarget : GridPanel2.el

P.S. I placed them previously by a mistake. Apologize for the inconvenience.

[wagger]

Thank you, that worked better!

Which of course leaves me with the next question =)

Instead of masking the same GridPanel, I want to mask a gridpanel in another UserControl (or the UserControl itself).

So the same code as above applies, but instead I want to mask a UserControl that is places on the same Page, but in another Container (using Master Page and ContentHolders) like this:

<asp:Content ID="Content2" ContentPlaceHolderID="CPH_center" runat="server">
    
    <CP:Customer ID="customer" runat="server" _IsCreateMode="false" ViewStateMode="Enabled" Title="Kund" />   
   
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="CPH_west" runat="server">
      // in here somewhere is that GridPanel that Im clicking
</asp:Content>

if I try to set the customTarget I get undefined error:

                            <Listeners>
                                <RowClick Handler="Ext.net.DirectMethods.SetCustomer({
                                    eventMask : { 
                                            showMask: true, 
                                            target: 'customtarget',
                                            customTarget: customer.el
                                            }});"  
                                      />
                            </Listeners>

gives "Uncaught ReferenceError: CPH_center_customer is not defined"

and

                            <Listeners>
                                <RowClick Handler="Ext.net.DirectMethods.SetCustomer({
                                    eventMask : { 
                                            showMask: true, 
                                            target: 'customtarget',
                                            customTarget: #{customer}.el
                                            }});"  
                                      />
                            </Listeners>

gives "Uncaught ReferenceError: customer is not defined".

As you can see I havent really got it with the referencing just yet.

Thanks!

[Daniil]

Well, there is no user control on client side.

What's the content of the user control? You should use an element (Ext.Element) of client side widget - Panel1.el, GridPanel1.el, Ext.get("divId"), etc.

[wagger]

Ah, I keep forgetting that!

Thanks, its solved =)