Intersoft Community - Lounge - WebGrid double click to call server side event

WebGrid double click to call server side event

yudi — Thu, 19 Jun 2014 03:58:11 GMT

When user add a new row to WebGrid, the row will be inserted into the bottom row. WebGrid has “inline editing” feature which allow users to perform editing data right inside the cell, just like we did on MS Excel. Try to click on a cell and press Enter, now the selection becomes a textbox immediately.

The batch update feature is supported in hierarchical WebGrid. WebGrid allows you to create new record on the parent, expand the new record, and continue to add child records consecutively. All changes across child tables are virtualized in client side. When you finished editing, simply click on Accept All Changes button provided in the status bar, WebGrid will submit all changes in a single request to the server.

Please try to evaluate the BatchUpdate_Enterprise.aspx sample. It demonstrates all key features available in SmartBatchUpdate including hierarchical layout.

Hope this help.

WebGrid double click to call server side event

nacpretty@hotmail.com — Wed, 18 Jun 2014 14:07:19 GMT

Hi Yudi,

How do I insert the Row in a specific position of the grid? Since mine's an hierarchical grid, the position of the row is very important for the underlying data oganization.

Thank you

WebGrid double click to call server side event

nacpretty@hotmail.com — Wed, 18 Jun 2014 11:08:55 GMT

Hi Yudi, Thank you for your reply. The samples you provided are heavily loaded on JS programming. I will use it because that's the closest we got to what we wanted. However, ideally, we'd like all that done server side. Just like the ajaxToolkit works, inside an UpdatePanel and all. My developers are focused on C# and I don't want them having to learn JS for specific browsers in order to become productive. Thank you and I'll let you know if it works. D

WebGrid double click to call server side event

yudi — Wed, 11 Jun 2014 05:28:09 GMT

There is a sample named Client_ProgrammaticEdit.aspx which demonstrates WebGrid client-side API to edit the WebGrid’s content (performing insertion; editing; and deletion). The live version of this sample can be accessed in here.

This sample pop up a form where user can insert new data and add it to the grid’s table; or update the current selected row.

Please have the sample evaluated on your end and let us know whether it meets with your requirement or not.

WebGrid also has SmartBatchUpdate feature which enables you to perform multiple editing – such as insert, edit and delete – in the client side without server contact. When you finished editing, simply click on Accept Changes button provided in the status bar, WebGrid will submit all changes in a single request to the server.

Please check and evaluate WebGrid BatchUpdate_Enterprise.aspx sample file and let us hear your feedback.

WebGrid double click to call server side event

nacpretty@hotmail.com — Mon, 09 Jun 2014 14:50:55 GMT

For step #3 I found this article on the Webhttp://www.intersoftpt.com/Support/WebGrid/KB/Create-your-own-specific-row-context-menu-on-WebGrid/

However, the code's still not working fine. The WebContext Menu is showing on x=0,y=0.

So, for Chrome, the js of show_coords should be changed to

if(IS.ie) { x = event.screenX; y = event.screenY;} else { x = event.X; y = event.Y; }

So, Step #3 is pretty much taken care of.

I'm removing the #1 requirements and adding and "Edit" option on the Context Menu. So, it's two down.

Focusing on Step #2 now.

-- I'll keep adding up as I discover new things.

WebGrid double click to call server side event

nacpretty@hotmail.com — Mon, 09 Jun 2014 12:46:20 GMT

Good day,

I'm pretty new to the Intersoft toolkit and I need to do something conceptually easy: I have Hierarchicak WebGrid, with rows in n-levels. It is a self-referencing grid so all the rows look the same. This is what I need

1. When I double click one of the rows, I want to trigger an ajaxToolkit.ModalPopupExtender::Show() method.

2. After using the Panel shown from step #1 do edit the row's properties, I want to click a button and have these changes reflected on the Grid

3. I want to right-click a row, and a context menu to show "Add new <custom object>"

4. Step #3 would trigger the same ModalPopupExtender, all blank for me to fill in the propertied for the new obj.

5. When I save it, I want the new row to be added right below the row I clicked on step #3.

My grid is built off an Array of custom objects, and I will cache the changes until the user hits "Apply"... so I'll send the changes to database.

Would anyone have a sample-code or reference pages that can help me with this?

Thank you so much

Dan