# tabstrip form and grid

TabStrip Top achievements Rank 1
raphael asked on 20 Jun 2012, 07:20 AM

Hi I'd to know if it's possible to do the following thing.

I have a tabstrip, on the first tab page I have some info, and on the second page I have a grid with all the details. that look like this:

`Html.Telerik().TabStrip() `
`        ``.Name("TabStrip") `
`        ``.Items(tabstrip => `
`        ``{ `
`            ``tabstrip.Add() `
`                ``.Text("Base") `
`                ``.Content(@<``text``> `
`                    ``<``fieldset``> `
`                        ``@Html.HiddenFor(model => model.Id) `
`                        ``<``div` `class``=``"editor-label"``> `
`                            ``@Html.LabelFor(model => model.LastName) `
`                        ``</``div``> `
`                        ``<``div` `class``=``"editor-field"``> `
`                            ``@Html.EditorFor(model => model.LastName) `
`                            ``@Html.ValidationMessageFor(model => model.LastName) `
`                        ``</``div``> `
`                        ``<``div` `class``=``"editor-label"``> `
`                            ``@Html.LabelFor(model => model.FirstName) `
`                        ``</``div``> `
`                        ``<``div` `class``=``"editor-field"``> `
`                            ``@Html.EditorFor(model => model.FirstName) `
`                            ``@Html.ValidationMessageFor(model => model.FirstName) `
`                        ``</``div``> `
`                    ``</``fieldset``> `
`                ``</``text``>); `
`            ``tabstrip.Add() `
`                        ``.Text("Details") `
`                        ``.Content(@<``text``> `
`                            ``@RenderGrid(Model) `
`                        ``</``text``>); `
`        ``}) `
`        ``.SelectedIndex(0) `
`        ``.Render();     `
` `
`@helper RenderGrid(DetailModel model) `
`{ `
`    ``@(Html.Telerik().Grid(model.Details) `
`        ``.Name("detailGrid") `
`        ``.DataKeys(k => k.Add(r => r.Id)) `
`        ``.ToolBar(commands => commands.Insert().ButtonType(GridButtonType.BareImage).ImageHtmlAttributes(new { style = "margin-left:0" })) `
`        ``.Columns(columns => `
`        ``{ `
`            ``columns.Bound(bp => bp.field1).Width(90); `
`            ``columns.Bound(bp => bp.field2).Width(160); `
`            ``columns.Bound(bp => bp.field3).Width(160); `
`            ``columns.Command(commands => `
`            ``{ `
`                ``commands.Edit().ButtonType(GridButtonType.BareImage); `
`                ``commands.Delete().ButtonType(GridButtonType.BareImage); `
`            ``} `
`                ``); `
`        ``}) `
`        ``.DataBinding(dataBinding => dataBinding.Ajax() `
`                        ``.Select("Index", "controller") `
`                        ``.Insert("Insert", "controller") `
`                        ``.Update("Update", "controller") `
`                        ``.Delete("Delete", "controller")) `
`        ``.Editable(editing => editing.Mode(GridEditMode.PopUp)) `
`}`

What I'd like to achieve is to compile my base info and all details, and after that save send back the entire model and save my base info and all the details, is this possible? and if yes can you show me an example?
Or do I have to first insert my base info, than go to the grid and insert all details one after the other and save one at time?

thank you very much

Raphael
If what I'm looking
Tags
TabStrip Rank 1
{"ft_lang_label":"__label__en","ft_lang_prob":0.58905375,"math_prob":0.5817213,"size":2176,"snap":"2021-31-2021-39","text_gpt3_token_len":545,"char_repetition_ratio":0.11740331,"word_repetition_ratio":0.121323526,"special_character_ratio":0.28538603,"punctuation_ratio":0.22921914,"nsfw_num_words":0,"has_unicode_error":false,"math_prob_llama3":0.96307254,"pos_list":[0,1,2,3,4,5,6,7,8],"im_url_duplicate_count":[null,null,null,null,null,null,null,null,null],"WARC_HEADER":"{\"WARC-Type\":\"response\",\"WARC-Date\":\"2021-09-28T20:00:19Z\",\"WARC-Record-ID\":\"<urn:uuid:e5d12cd3-ba94-4d2e-9039-cb10f984ae4e>\",\"Content-Length\":\"106773\",\"Content-Type\":\"application/http; msgtype=response\",\"WARC-Warcinfo-ID\":\"<urn:uuid:23c4f8a2-3000-4621-b410-ec5968c8b9a1>\",\"WARC-Concurrent-To\":\"<urn:uuid:de463a8f-f3b3-496b-9132-af51fc75288d>\",\"WARC-IP-Address\":\"50.56.19.112\",\"WARC-Target-URI\":\"https://www.telerik.com/forums/tabstrip-form-and-grid\",\"WARC-Payload-Digest\":\"sha1:W4EDB2CVYIQOCBOEYYEDUSJC5U7ETL2D\",\"WARC-Block-Digest\":\"sha1:GQ2G4X5QOG3DURF5SXF4LVFZY7L5W3IQ\",\"WARC-Identified-Payload-Type\":\"text/html\",\"warc_filename\":\"/cc_download/warc_2021/CC-MAIN-2021-39/CC-MAIN-2021-39_segments_1631780060882.17_warc_CC-MAIN-20210928184203-20210928214203-00639.warc.gz\"}"}