table layout - Page 644

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 30061 results on 1203 pages for 'table layout'.

Page 644/1203 | < Previous Page | 640 641 642 643 644 645 646 647 648 649 650 651 | Next Page >

- by JaJ

- by user350635

- by John

- by user47650

- by Wayne

- by Elmir Kouliev

- by Sean Tan

- by MrTortoise

- by Karthik Bammidi

- by Scott Vercuski

- by stacker

- by lance

- by Jim Thomas

- by user2788405

- by sathis

- by Ingó Vals

- by Idan

- by Savvas Sopiadis

- by bgadoci

- by Y.G.J

- by David.Chu.ca

- by zen

- by TheD

- by Blorgbeard

- by Gublooo

< Previous Page | 640 641 642 643 644 645 646 647 648 649 650 651 | Next Page >