Load an ImageButton from a controller

  1. #1

    Load an ImageButton from a controller

  2. #2
    The MVC Examples Explorer contains many Razor specific code samples. There's generally something in there that will help get you started.

    The following Razor sample demonstrates using an ImageButton:

    http://mvc.ext.net/#/Buttons_Basic/ImageButton/

    Hope this helps.
    Geoffrey McGill
    Founder
  3. #3
  4. #4
    This is one solution for my problem. It can help another. In controller, i build all ImageButton
            public ActionResult ImageButtonsItem()
            {
                List<AbstractComponent> menuComponents = new List<AbstractComponent>();
    
                ImageButton imgB1 = new ImageButton()
                {
                    Text = "Processing",
                    ID = "Bt_E_Configuration",
                    Height = 28,
                    Weight = 92,
                    ImageUrl = "~/Images/Entete/Simple/Configuration.png",
                    PressedImageUrl = "~/Images/Entete/Down/Import_Down.png",
                    DisabledImageUrl = "~/Images/Entete/Down/Import_Down.png",
                    Handler = "App.Bt_E_Configuration.setDisabled(true); App.Bt_E_Processing.setDisabled(false); App.Bt_E_Import.setDisabled(false);"
                };
                ImageButton imgB2 = new ImageButton()
                {
                    Text = "Processing",
                    ID = "Bt_E_Processing",
                    Height = 28,
                    Weight = 92,
                    ImageUrl = "~/Images/Entete/Simple/Processing.png",
                    PressedImageUrl = "~/Images/Entete/Down/Import_Down.png",
                    DisabledImageUrl = "~/Images/Entete/Down/Import_Down.png",
                    Handler = "App.Bt_E_Configuration.setDisabled(false); App.Bt_E_Processing.setDisabled(true); App.Bt_E_Import.setDisabled(false);"
                };
                ImageButton imgB3 = new ImageButton()
                {
                    Text = "Processing",
                    ID = "Bt_E_Import",
                    Height = 28,
                    Weight = 92,
                    ImageUrl = "~/Images/Entete/Simple/Import.png",
                    PressedImageUrl = "~/Images/Entete/Down/Import_Down.png",
                    DisabledImageUrl = "~/Images/Entete/Down/Import_Down.png",
                    Handler = "App.Bt_E_Configuration.setDisabled(false); App.Bt_E_Processing.setDisabled(false); App.Bt_E_Import.setDisabled(true);"               
                };
    
                imgB1.DirectEvents.Click.Action = "Home/Menu_Item";
                imgB1.DirectEvents.Click.ExtraParams.Add(new Parameter("param", "Partial2", ParameterMode.Value));
    
                imgB2.DirectEvents.Click.Action = "Home/Menu_Item";
                imgB2.DirectEvents.Click.ExtraParams.Add(new Parameter("param", "Partial3", ParameterMode.Value));
    
                imgB3.DirectEvents.Click.Action = "Home/Menu_Item";
                imgB3.DirectEvents.Click.ExtraParams.Add(new Parameter("param", "Partial1", ParameterMode.Value));
    
                menuComponents.Add(imgB2);
                menuComponents.Add(imgB1);
                menuComponents.Add(imgB3);
                return this.ComponentConfig(menuComponents.AsEnumerable());
            }
    and in view, i put this
                //.....
            .Items(
                X.Panel()
                    .Border(false)
                    .Region(Region.North)
                    .Split(false)
                    .BodyStyle("background-color:#eee;")
                    .Height(130)
                    .BodyPadding(0)
                    .Items(
                        X.Container()
                         .Loader(
                             X.ComponentLoader()
                                 .AutoLoad(true)
                                 .Url(Url.Action("ImageButtonsItem"))
                                 .Mode(LoadMode.Component)
                       )
                    )
                    .Items(  
                       X.Container()
                          .ID("Menu_Container")
                          .Padding(0)
                          .StyleSpec("height:100px; width:auto; background-color:#fff;")
                          .Listeners(r =>
                          {
                              r.Activate.Handler = "App.Bt_E_Import.setDisabled(true);";
                          })                  
                         .Loader(
                             X.ComponentLoader()
                              .Url(Url.Action("Menu_Item"))
                              .Mode(LoadMode.Script)
                         )
                    )
                    .Collapsible(false),
                //End of head menu
                   //....
    Last edited by kdms; Feb 24, 2015 at 3:40 PM.
  5. #5
    Let me know whether the following thread helps you: http://forums.ext.net/showthread.php...ntrols-to-Page

Similar Threads

  1. How to load ImageButton form controller
    By kdms in forum 3.x Help
    Replies: 4
    Last Post: Feb 19, 2015, 12:20 PM
  2. [CLOSED] Load window content from a controller method
    By registrator in forum 2.x Legacy Premium Help
    Replies: 21
    Last Post: Jan 22, 2015, 10:29 AM
  3. Replies: 2
    Last Post: Nov 13, 2013, 5:24 PM
  4. Load Panel from MVC Controller
    By stu in forum 2.x Help
    Replies: 1
    Last Post: Jun 18, 2012, 11:26 PM
  5. Load menu panel from controller
    By wadhah in forum 1.x Help
    Replies: 1
    Last Post: Oct 28, 2011, 1:48 PM

Tags for this Thread

Posting Permissions