лучший подход для нескольких видов сетки с вкладками

Question

Я пытаюсь создать несколько видов сетки, в которых все будет загружаться при загрузке страницы. У меня есть 3 набора данных. Когда пользователь нажимает на вкладку, он отображает соответствующий вид сетки.

Каков наилучший подход к этому? Я не очень хорош в JavaScript или JQuery.

Один из способов, о котором я подумал, - это использование кнопок таблицы и изображения, где я бы поместил gridview1.visible = false при нажатии на вкладку gridview2. Это хороший способ сделать это? или есть другой интуитивный способ сделать это?

Answer 1

"Самый простой подход к использованию Ajax Tookit Tab Containers и Tab Tabs, поместите GridView в шаблон содержимого TabPanel.

<ajaxToolkit:TabContainer runat="server" 
        OnClientActiveTabChanged="ClientFunction" 
        Height="150px">
    <ajaxToolkit:TabPanel runat="server" 
        HeaderText="Signature and Bio"
        <ContentTemplate>
           -- Grid View -- 
        </ContentTemplate>
    />
</ajaxToolkit:TabContainer>

См .: http://www.asp.net/Ajax/Ajaxcontroltoolkit/samples/Tabs/Tabs.aspx