ben page - Page 227 - Developer IT

Partial view is not rendering within the main view it's contained (instead it's rendered in it's own page)?

- by JaJ

I have a partial view that is contained in a simple index view. When I try to add a new object to my model and update my partial view to display that new object along with existing objects the partial view is rendered outside the page that it's contained? I'm using AJAX to update the partial view but what is wrong with the following code? Model: public class Product { public int ID { get; set; } public string Name { get; set; } [DataType(DataType.Currency)] public decimal Price { get; set; } } public class BoringStoreContext { List<Product> results = new List<Product>(); public BoringStoreContext() { Products = new List<Product>(); Products.Add(new Product() { ID = 1, Name = "Sure", Price = (decimal)(1.10) }); Products.Add(new Product() { ID = 2, Name = "Sure2", Price = (decimal)(2.10) }); } public List<Product> Products {get; set;} } public class ProductIndexViewModel { public Product NewProduct { get; set; } public IEnumerable<Product> Products { get; set; } } Index.cshtml View: @model AjaxPartialPageUpdates.Models.ProductIndexViewModel @using (Ajax.BeginForm("Index_AddItem", new AjaxOptions { UpdateTargetId = "productList" })) { <div> @Html.LabelFor(model => model.NewProduct.Name) @Html.EditorFor(model => model.NewProduct.Name) </div> <div> @Html.LabelFor(model => model.NewProduct.Price) @Html.EditorFor(model => model.NewProduct.Price) </div> <div> <input type="submit" value="Add Product" /> </div> } <div id='productList'> @{ Html.RenderPartial("ProductListControl", Model.Products); } </div> ProductListControl.cshtml Partial View @model IEnumerable<AjaxPartialPageUpdates.Models.Product> <table>  <tr> <th>Name</th> <th>Price</th> </tr>  @foreach (var item in Model) { <tr> <td>@Html.DisplayFor(model => item.Name)</td> <td>@Html.DisplayFor(model => item.Price)</td> </tr> } </table> Controller: public class HomeController : Controller { public ActionResult Index() { BoringStoreContext db = new BoringStoreContext(); ProductIndexViewModel viewModel = new ProductIndexViewModel { NewProduct = new Product(), Products = db.Products }; return View(viewModel); } public ActionResult Index_AddItem(ProductIndexViewModel viewModel) { BoringStoreContext db = new BoringStoreContext(); db.Products.Add(viewModel.NewProduct); return PartialView("ProductListControl", db.Products); } }

Search Results

Search found 38411 results on 1537 pages for 'ben page'.

Page 227/1537 | < Previous Page | 223 224 225 226 227 228 229 230 231 232 233 234 | Next Page >

- by JaJ

- by Johhny Thero

- by Will

- by MajorRefactoring

- by Ben Hargreaves

- by Page Brooks

- by Mathieu Pagé

- by Ben Griswold

- by Page Brooks

- by Shamin

- by Page Brooks

- by Mathieu Pagé

- by Page Brooks

- by Page Brooks

- by Ben Barreth

- by Mathieu Pagé

- by Mathieu Pagé

- by Jonathan Page

- by fusion

- by Mathieu Pagé

- by fusion

- by Helen

- by Ben Lings

- by Ben Waine

- by Ben

< Previous Page | 223 224 225 226 227 228 229 230 231 232 233 234 | Next Page >