Správičky 2 799 Blogy 945 Fórum 18 557

modal - partial core

photo
core
9. 2. 2017 0:44:49
Body: 140
Najaktívnejší č.: 84

modal - partial core

Ako zavolat napr.modal ,alebo nejake okno v asp.net core, na stranke je vela produktov a kazdy product ma rovnaky controler aj action, ide mi o to aby po pridani do kosika sa objavilo upozornenie , ze ci chce prejst do kosika, alebo pokracovat v nakupe, a ak by sa dalo okno by vyskocilo nad danym produktom,ktory bol pridany do kosika, alebo nad celym webom 2 riadky v strede, ci v strede obrazovky.

Po zavolani  
 <div class="produkt">
                    <form asp-action="Nacitaj"
                          asp-controller="Manage" method="post">...
  <input type="submit"  value="Submit" />
[AllowAnonymous]        [HttpPost]
        public async Task<IActionResult> Nacitaj()
        {       string pocet = HttpContext.Request.Form["pocet"];
            string ide = HttpContext.Request.Form["idecko"];....
return View("Nacitaj", compositeModel); ..toto zmenit asi na partial?

 

[Reakcia]


photo
liero
9. 2. 2017 13:49:49
Body: 9355
Najaktívnejší č.: 6

RE: modal - partial core

@harrisson314: on praveze tvrdi, ze je tam rovnaky controller.

 

@core: idealne, keby si pridanie produktu do kosika spravil cez AJAX a potom zobrazil nejaky javascriptovy modalny dialog. Uzivatelovy by nepreblikavala stranka:

 

nieco na sposob:

$.post('products/addtobasket', { productID: 123 })
    .done(function(response) {
          $('#itemAddedToBasketDialog').modal();
     });

keby si to chces spravit cisto cez asp net core, tak si urobis jeden view, ktory budes vracat aj pri GET requeste aj pri POST requeste

napr:

public class ProductsController: Controller{

   public IActionResult Index(){

     return View(model);

   }

   [HttpPost]
   public IActionResult Index(int productId)
   { 

       ViewBag.Message= "Product was added to basket";
       returm View(model);
   }

}

v razor View by si potom spravil if(ViewBag.Message != null). Ak by tam nieco bolo nastavene, tak vyrenderujes aj modalny dialog, napriklad ten z bootstrapu:

 

[Reakcia]

photo
core
9. 2. 2017 17:05:32
Body: 140
Najaktívnejší č.: 84

RE: modal - partial core

Dik a este mi porad ako sa dostanem v jquery ku konkretnym hodnotam napr. pocet, cena idecko, prave toho produktu na ktory prave kliknem ,kedze na stranke je takychto produktov viac

<form asp-action="Nacitaj"

                         asp-controller="Manage"method="post">

                       <div><inputtype="hidden"name="idecko"id="idecko"value="@Model.Idp"></div>

                       <div><inputtype="number"name="pocet"id="pocet"value="1"></div>

<div><inputtype="text"name="cena"id="cena"value="125"></div>

                                            <divclass="button-buy"><ahref="/Nacitaj/@Model.Idp/25">Do košíka</a></div>

                       <inputtype="submit"value="Submit"/>

                   </form>



[Reakcia]

photo
liero
9. 2. 2017 18:38:23
Body: 9355
Najaktívnejší č.: 6

RE: modal - partial core

var hodnota = document.getElementById('idcko').value;

 

[Reakcia]

photo
liero
9. 2. 2017 18:45:46
Body: 9355
Najaktívnejší č.: 6

RE: modal - partial core

jaj, aha... no nesmies mat na stranke viacero elementov s rovnakym idckom.

no najdes si form element. napr:

function submitClicked(){
  var $form = $(this).closest('form');
  var idecko = $form.find('input[name=idecko]).val();
}


pripadne

function onFormSubmit(e){
  e.preventDefault();
  var $form = $(this);
  var idcko = $form.find...
}

 

 

[Reakcia]

photo
core
14. 2. 2017 2:24:32
Body: 140
Najaktívnejší č.: 84

RE: modal - partial core

vdaka, a este sa chcem spytat ako zmenim  cenu u nejakeho produktu ked zmenim pocet produktov, asi tam treba aj session storage ,aby si pametal prvy produkt, tento moj kod meni cenu aj u ostatnych produktov co nechcem, alebo pouzit focus?

  $('form').on('blur', 'input[type=number]', function (e) {
        var $form = $(this).closest('form');
        var pocet = $form.find('input[name="pocet"]').val();
        var cena = $form.find('input[name="cena"]').val();
        var cenab = cena.replace(",", ".");
        var celkom = parseFloat(cenab).toFixed(2)*parseFloat(pocet).toFixed(2);
        $form.find('input[name="cena"]').val(celkom);
      
        return false ;
    });

[Reakcia]

photo
core
14. 2. 2017 2:33:05
Body: 140
Najaktívnejší č.: 84

RE: modal - partial core

jasne nesmiem volat form z form

[Reakcia]



Najaktívnejší užívatelia
1. 37750 b. photo vlko
2. 21315 b. photo T
3. 15955 b. photo spigi
4. 15450 b. photo Anonymous
5. 11120 b. photo dudok
6. 9355 b. photo Liero
7. 6885 b. photo siro
8. 6245 b. photo slavof
9. 5355 b. photo duracellko
10. 4445 b. photo xxxmatko