Direct Events with Razor

[gdog_5021]

Hi All,

The original working code looked like this:

<ext:Button ID="btnDelete" runat="server" Text="Delete" Icon="Cross"> 
                                    <DirectEvents> 
                                        <Click 
                                            Url="/Data/DeleteBankAccount" 
                                            CleanRequest="true" 
                                            Method="POST" 
                                            Failure="Ext.Msg.show({title:'Delete Error',msg: result.errorMessage,buttons: Ext.Msg.OK,icon: Ext.Msg.ERROR});" 
                                            Success="txtBankAccounts.lastQuery=null; bankAccountChanged = true;#{BankAccountPager}.doLoad(Math.max(0, #{BankAccountPager}.cursor-1));"> 
                                            <Confirmation ConfirmRequest="true" Title="Alert" Message="Delete Record?" /> 
                                            <ExtraParams> 
                                                <ext:Parameter Name="accountID" Value="#{dsBankAccountInstance}.getAt(0).AccountID" Mode="Raw" /> 
                                            </ExtraParams> 
                                        </Click> 
                                    </DirectEvents> 
                                </ext:Button>

Problem:
In razor, I am attempting to package it up like this:

                               items.Add(Html.X().Button().ID("btnDelete").Text("Delete").Icon(Icon.Cross) 
                                    .DirectEvents(directEvents => { 
                                        <Click 
                                            .Url="/Data/DeleteBankAccount" 
                                            CleanRequest=true 
                                            Method="POST" 
                                            Failure="Ext.Msg.show({title:'Delete Error',msg: result.errorMessage,buttons: Ext.Msg.OK,icon: Ext.Msg.ERROR});" 
                                            Success="txtBankAccounts.lastQuery=null; bankAccountChanged = true;#{BankAccountPager}.doLoad(Math.max(0, #{BankAccountPager}.cursor-1));"> 
                                            <Confirmation ConfirmRequest=true Title("Alert" Message="Delete Record?)); 
                                            .ExtraParams(extraParams => { 
                                                parameters.Add(Html.X().Parameter().Name("accountID").Value("#{dsBankAccountInstance}.getAt(0).AccountID").Mode(ParameterMode.Raw));

                                           }) 
                                        </Click> 
                                    }) 
                                );

How do I package up the <Click handler. Intelllisense doesn't see a directEvents.Click property. Along with this, how will I package up the parameters. The example that was given in the Forum was simple. It just had a Url. How about the rest of the Click parameters. Do I treat each one as an extra parameter?

[Daniil]

Hi,

This ASPX markup syntax is not available under Razor.

Please look at the example.
http://forums.ext.net/showthread.php...ll=1#post78313

[gdog_5021]

Hi,

This ASPX markup syntax is not available under Razor.

Please look at the example.
http://forums.ext.net/showthread.php...ll=1#post78313

You misunderstand my question. I know that the following is not correct.

   
 .DirectEvents(directEvents => 
{          
      <Click             
           .Url="/Data/DeleteBankAccount"            
           CleanRequest=true             
           Method="POST"             
           Failure="Ext.Msg.show({title:'Delete Error',msg: result.errorMessage,buttons: Ext.Msg.OK,icon: Ext.Msg.ERROR});"                
          Success="txtBankAccounts.lastQuery=null; bankAccountChanged = true;#{BankAccountPager}.doLoad(Math.max(0, #  
          {BankAccountPager}.cursor-1));">              
          <Confirmation ConfirmRequest=true Title("Alert" Message="Delete Record?));              
          .ExtraParams(extraParams =>  {                   
                  parameters.Add(Html.X().Parameter().Name("accountID").Value("#{dsBankAccountInstance}.getAt(0).AccountID").Mode  
                  (ParameterMode.Raw));             
          })          
      </Click> 
}

The examples that are provided in the forum would look something like this:

.DirectEvents(directEvents => 
{
      directEvents.Click.Url="/Data/DeleteBankAccount"
      directEvents.Click.CleanRequest="true";
      directEvents.Click.Post="POST"

As I indicated above, I don't know how to package the content between the <Click></Click> tags and its attributes. All the samples in the Forum just have the directEvents.Click.Url type of statement. How do I package the attributes such as CleanRequest, Post, Failure etc. using Razor? Also how I deal with the Confirmation tag using the razor syntax? I have converted a tremendous amount of code to the razor engine but I am having trouble with this simple multi-line Click Event. Many of your samples have this type of aspx structure.

[Daniil]

Hope this examples helps.

Example View

<!DOCTYPE html>

<html>
<head>
    <title>Ext.Net.MVC v2 Example</title>    
</head>
<body>
    @Html.X().ResourceManager()

    @(Html.X().Button()
        .Text("Click me")
        .DirectEvents(de =>
            {
                de.Click.Url = "/Razor/ClickMeHandler";
                de.Click.CleanRequest = true;
                de.Click.Method = HttpMethod.POST;
                de.Click.Confirmation.ConfirmRequest = true;
                de.Click.Confirmation.Title = "Confirmation title";
                de.Click.ExtraParams.Add(new Parameter("test", "Hello!", ParameterMode.Value));
            }
        )
    )
</body>
</html>

Example Action

public ActionResult ClickMeHandler(string msg)
{
    X.Msg.Alert("Controller says:", "msg").Show();
    AjaxResult r = new AjaxResult();
    return r;
}