NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Fenrix
Člen
Avatar
Fenrix:7.12.2017 18:35

Ahoj, prosím o radu, už se s tím dělám několik hodin a stále nemůžu přijít na to jak to funguje.
Vytvořil jsem nový asp.net mvc projekt, vytvořil nový model, pro jednoduchost jen:

public class Article
   {
       public int Id { get; set; }
       public string Txt { get; set; }
   }

Následně vytvořil controller s entity frameworkem, který mi sám vytvořil akce + views (Index, Create, Edit, Delete, Details)
Z vygenerovaného kódu v controlleru potřebují jen na zobrazení seznamu článků a vytvoření nového článku, tedy:

private ApplicationDbContext db = new ApplicationDbContext();

        // GET: Articles
        public ActionResult Index()
        {
            return View(db.Articles.ToList());
        }
// GET: Articles/Create
        public ActionResult Create()
        {
            return View();
        }

        // POST: Articles/Create
        // To protect from overposting attacks, please enable the specific properties you want to bind to, for
        // more details see https://go.microsoft.com/fwlink/?LinkId=317598.
        [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Create([Bind(Include = "Id,Txt")] Article article)
        {
            if (ModelState.IsValid)
            {
                db.Articles.Add(article);
                db.SaveChanges();
                return RedirectToAction("Index");
            }

            return View(article);
        }

Chtěl bych se dobrat výsledku, kdy v jednom View budu mít textbox pro vytvoření nového textu a na tom stejným View i list se seznamem vytvořených textů (dá se to chápat jako napsat status a pod tím feed statusů).
Pochopil jsem, že tohoto výsledku lze dojít pomocí ViewModelu, ale vůbec netuším jak upravit controller, abych do viewmodelu mohl vložit to vytvoření a seznam a následně předat do view.
Většina mých pokusů bez použití ViewModelu ztroskotala na tomto erroru: System.NullRe­ferenceExcepti­on: Object reference not set to an instance of an object.

Předem děkuji za rady :)

 
Odpovědět
7.12.2017 18:35
Avatar
vajkuba1234
Člen
Avatar
Odpovídá na Fenrix
vajkuba1234:7.12.2017 23:34

Viewmodel predstavuje objekt, ktery bude dostupny v konkretnim view a bude obsahovat patricna data a logiku presne pro dane view. Udelej si tridu, ktera bude obsahovat Id, Txt a seznam Txt, ktery bude slouzit pro vypis textu nebo co to je. Na zacatku view musis dany model zaregistrovat pomoci direktivy "@model NazevProjektu­.SlozkaSViewmo­dely.NazevView­Modelu". Pak si ve view vytvoris formular pro vytvareni novych textu a treba pod nej, nebo tam kde potrebujes, si pomoci foreache vypises jednotlive texty k vypsani.

Prace s viewmodely je hezky popsana i zde

http://www.mikesdotnetting.com/article/188/view-model-design-and-use-in-razor-views
Editováno 7.12.2017 23:34
Nahoru Odpovědět
7.12.2017 23:34
No hope, no future, JUST WAR!
Avatar
Fenrix
Člen
Avatar
Odpovídá na vajkuba1234
Fenrix:8.12.2017 14:54

tak z toho jsem to bohužel moc nepochopil :(

 
Nahoru Odpovědět
8.12.2017 14:54
Avatar
vajkuba1234
Člen
Avatar
Odpovídá na Fenrix
vajkuba1234:8.12.2017 14:55

Cemu nerozumis konkretne? Ptej se...

Nahoru Odpovědět
8.12.2017 14:55
No hope, no future, JUST WAR!
Avatar
Fenrix
Člen
Avatar
Odpovídá na vajkuba1234
Fenrix:8.12.2017 15:19

Nevím, co s controllerem. (mám stále stejnej jako v prvnim postu)
Přidal jsem viewmodel:

public class PostViewModel
{
    public Post Post { get; set; }
    public IEnumerable<Post> LPost { get; set; }
}

View, kde chci mít zároveň seznam postů a textbox s tlačítkem na vytvoření vypadá takhle:

@model  WebApplication3.Models.PostViewModel

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()

        <div class="form-horizontal">
            <h4>Post</h4>
            <hr />
            @Html.ValidationSummary(true, "", new { @class = "text-danger" })
            <div class="form-group">
                @Html.LabelFor(model => model.Text, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.Text, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Text, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" value="Create" class="btn btn-default" />
                </div>
            </div>
        </div>
    }
</p>
<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.Text)
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Text)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
            @Html.ActionLink("Details", "Details", new { id=item.Id }) |
            @Html.ActionLink("Delete", "Delete", new { id=item.Id })
        </td>
    </tr>
}

</table>

(je to jen na zkoušku jak to funguje, takže jen překopírovaný template věci, proto to html vypadá tak hrozně)
(Article z prvního postu je přejmenovanej na Post.. jak jsem se v tom tak hrabal, až jsem to celý zničil a radši jsem začal odznovu :D)
dál mi ten view momentálně ukazuje tento error:
Error CS1061 'IEnumerable<Post>' does not contain a definition for 'Text' and no extension method 'Text' accepting a first argument of type 'IEnumerable<Post>' could be found (are you missing a using directive or an assembly reference?), což bude zapříčinění tim, že nemam vytvořenou žádnou spojitost mezi Post modelem a Post ViewModelem, to by se předpokládám(?) mělo udělat v controlleru

 
Nahoru Odpovědět
8.12.2017 15:19
Avatar
vajkuba1234
Člen
Avatar
Odpovídá na Fenrix
vajkuba1234:8.12.2017 15:26

Vzdyt vidis, ze ti ve view nekoresponduji property toho viewmodelu... Ten viewmodel neobsahuje property s nazvem Text. Navic do View necpes kolekci objektu, ale jeden objekt, takze ten foreach bys mel delat ne (var item in Model), ale (var item in Model.LPost) nebo tak nejak. Projdi si to v klidu, poradne si to precti a oprav ty podtrzene chyby... pak si napis Model. a uvidis co ti to nabidne. Pripadne si zdebuguj controller, abys videl co se kde plni...

Nahoru Odpovědět
8.12.2017 15:26
No hope, no future, JUST WAR!
Avatar
Fenrix
Člen
Avatar
Fenrix:8.12.2017 16:03

Ještě to teda zkoušim jinou metodou a to přes partial view
takže PostViewModel jsem smazal,
view, kde chci vypsat create i index(seznam) mam:

@{ Html.RenderPartial("_PartialCreate");}
@{ Html.RenderPartial("_PartialIndex");}

Controller:

private ApplicationDbContext db = new ApplicationDbContext();
  public ActionResult Main()
  {
      return View();
  }
  // GET: Post
  public PartialViewResult _PartialIndex()
  {
      return PartialView(db.Posts.ToList());
  }

         // GET: Post/Create
  public PartialViewResult _PartialCreate()
  {
      return PartialView();
  }

  // POST: Post/Create
  // To protect from overposting attacks, please enable the specific properties you want to bind to, for
  // more details see https://go.microsoft.com/fwlink/?LinkId=317598.
  [HttpPost]
  [ValidateAntiForgeryToken]
  public PartialViewResult _PartialCreate([Bind(Include = "Id,Text")] Post post)
  {
      if (ModelState.IsValid)
      {
          db.Posts.Add(post);
          db.SaveChanges();

      }

      return PartialView(post);

a ted problém nastává přesně v onom

var item in Model

, kdy mi Model hlásí null exception, zkoušel jsem jak píšeš Model. .. , ale vypíše mi to jen frameworkový metody, přitom je všechno jinak stejný, nechápu proč samotný var item in model nefunguje :/ je možný, že jak už do toho koukam dlouho tak už mi to vůbec nemyslí, ale už jsem fakt v koncích :D

 
Nahoru Odpovědět
8.12.2017 16:03
Avatar
Odpovídá na Fenrix
Michal Štěpánek:8.12.2017 16:09

Udělej si PartialView na "výpis" a normální View na "Create" a do něj pak vložíš to PartialView pomocí

@{Html.RenderAction("Akce", "Controller");}
Editováno 8.12.2017 16:11
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
8.12.2017 16:09
Nikdy neříkej nahlas, že to nejde. Vždycky se totiž najde blbec, který to neví a udělá to...
Avatar
vajkuba1234
Člen
Avatar
Odpovídá na Fenrix
vajkuba1234:8.12.2017 16:19

Pro zacatek bych to narval klidne do jednoho view, abys videl jak to funguje a ze to funguje. Pak si to klidne rozdel dle sebe...

Nahoru Odpovědět
8.12.2017 16:19
No hope, no future, JUST WAR!
Avatar
Fenrix
Člen
Avatar
Odpovídá na Michal Štěpánek
Fenrix:8.12.2017 18:39

Paráda, tohle už fungovalo :)

Tak děkuju moc oběma za pomoc :) časem jen budu vymyslet ty ViewModely, ale snadnější na pochopení to bude až nebudu řešit databázi a použiju to čistě na sloučení dvou modelů:)
ještě jednou díky :)

 
Nahoru Odpovědět
8.12.2017 18:39
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 10.