How to let users edit list<T> content? - c#

I'm making an aspx page that can edit books. A book is an complex class with lots of properties.
I've made an edit page for most of them, however I'm having trouble with showing edit options for my Sellers Proprety. It is an list<Seller> object.
Seller is as follows:
public class Seller
{
private string sellerName;
private double price;
}
How can I print a list to the screen, and let the clinet edit it, then load it back to the object?
Thank you very much.

ASP.Net has a number of controls that are used specifically for binding to list data and displaying and/or editing it.
Repeater, DataList and DataGrid are a few that you could use for easy display of your items, although the Repeater doesn't support editing as well. Essentially you would databind your list to the control, and provide an <ItemTemplate> ... your html here ... </ItemTemplate> that would define how each item displayed.
Depending on how you want your editing to work would probably dictate which control you picked. If you want inline, table-row style editing, you would use a DataGrid, which has built in support for this. If you want to edit items individually, you might use linkbuttons that pop up an edit form or link to an edit page, or use an EditItemTemplate to change the display of your DataList.

Use GridView and Turn on editing for it

Related

Manage state in MVC4

I have a page with around 20+ controls. Within this page I have a partial View which I am using to create an editable grid. This grid has Add New Row/Remove Row buttons on click of which data entered in the textboxes in grid row gets added to the grid.
Whenever I click these 2 buttons, my page is getting refreshed due to which whatever data is being entered by the user in the 20+ controls of main page is lost.
I have tried hopelessly searching for solutions quite some time, but still trying my luck out here. Any ideas are appreciated.
Well I recommend you to use full jquery mechanisms to add or remove rows. You can easily add or remove HTML elements. All you have to care about is to maintain the numbering system. I suggest you to use a view model that contains a list of objects that you need to add or remove. At first render it normally by providing list of objects (from database or other source, if required). After this define your add and remove buttons to type button and play with jquery to add remove table rows or even divs. After adding or removing required element, reorganize your numbering. At submit you can use either full postback or ajax postback. If Any confusion, let me know.

Add usercontrols dynamically inside a GridView

Here's my problem. I am trying to add usercontrols dynamically to different rows of a GridView.
Let me explain the scenario further. Let's say, I have a page where the user can place orders for different kinds of items. The order form for each item is different in layout and code, and has its own usercontrol. There is an "Add More" button, which lets the user add an extra row to the GridView, while the kind of form that gets appended is selected by the dropdown list (see picture below).
What I am trying to do is - have a separate UserControl for each one of these forms, and then have the UserControl added (or maybe I should say "bound") to the GridView. Every time a new row is added, I plan to re-bind the GridView, including rows from above, to maintain all the rows.
The problem is - the main page cannot know what fields there will be inside each individual UserControl (they can be anything, really, and down the road, newer UCs could be added). So my main question is - how do I bind the data to the GridView, when I do not know what to bind? Is there any way to bind the data from inside each UserControl itself?
I hope my problem and question are clear enough. Thanks for helping.

Creating a form inside a gridview

I currently have a gridview with data that is binded from the database. This data is suppose to be editable and deleteable.
Is it possible to create a form within the grid view?
ie when you click on an item in the gridview, everything below or above moves down/up to create some room for a new editing pane with two dropdownlist and a few icons for delete/update.
Any suggestions?
The gridview itself has some features to edit, add, delete etc. Check this out http://msdn.microsoft.com/en-us/library/ms972948.aspx. It has kind of a learning curve though, so you must read to be able to do cool stuff with the Gridview.
I have seen that sort of functionality with Telerik's grid controlTelerik ASP.NET Grid.
You can open a modal popup on eidt/insert if your form fields are many otherwise gridview's inbuilt editing would do just fine.
Add edit update gridview records using modal popup

asp.net: combobox or listbox PLUS checkbox

i need a solution like this:
http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/checkboxes/defaultcs.aspx
however, i need the user to be able to add entries in here.
does such a control already exist?
it can be either jquery or asp.net
it also does not have to be a combobox, it can be a listbox. i need to have every item have a checkbox next to it and be able to add a comment for each entry.
Take a look at the ASPxGridLookup control from the DevExpress component vendor.
The ASPxGridLookup component allows the implementation of the multi-select DropDown functionality:
http://demos.devexpress.com/ASPxGridViewDemos/ASPxGridLookup/MultiSelect.aspx
http://www.devexpress.com/example=E3467
http://codecentral.devexpress.com/E3467/
with editing capabilities via the embedded ASPxGridView object:
http://demos.devexpress.com/ASPxGridViewDemos/GridEditing/EditModes.aspx
Ref : DropdownList with Multi select option?
Multiple dropdownlist with checkbox....checkout below link...
checkout demo page here...
http://download.ysatech.com/ASP-NET-Multiple-Selection-DropDownList/ASP-NET-Multiple-Selection-DropDownList.aspx
Blog page here....
http://blog.ysatech.com/post/2009/09/09/ASP-NET-Multiple-Selection-DropDownList-with-AJAX-HoverMenuExtender.aspx
http://www.codeproject.com/KB/user-controls/MultiSelectDropdownList.aspx
To me it sounds like it might be better for you to run with a ListBox. Telerik offers the RadListBox, which allows you to have checkboxes as seen here.
Additionally, you could allow for edits upon, for example, double-click as is displayed in the source code attached to this forum post.
Finally, if you want to also display the comments then you could use an ItemTemplate to define a custom layout for each RadListBoxItem and allow the user to edit both the main and comment fields.
That should cover everything that you need.

How to make listview items clickable in c#

I have a listview that is connected to a datasource. When I view the project in a browser, the listview is populated with data from the Northwind database. I just have the CustomerID and ContactTitle columns displayed. I want to be able to click on the CustomerID and then display the rest of the information about that particular customer. I've searched and searched and searched and tried a ton of different things but I just can't figure out how to make the CustomerID clickable. I am using c# and ASP.NET. Any help would be greatly appreciated.
You want to create a itemTemplate that contains various controls and bind the columns of your datasource to those controls. For the field in question you want to make sure you select a "clickable" control. like a link, button or even a div, and then create a handler for that click event. A good example of such a thing can be found in MSDN here: http://msdn.microsoft.com/en-us/magazine/cc337898.aspx
Do your list items contain li's? Whatever tag you use, you would use the javascript onclick event on each li to initiate whatever action you require.
If you need to retrieve customer data you could initiate a postback from your javascript to retrieve the data and display the customer details.

Categories

Resources