各行に会社の従業員に関する情報があるデータグリッドがあります。各行に追加情報を表示/非表示にできるようにしたいと思います。私の最初のアイデアは、AJAXツールキットのCollapsiblePanelExtenderを使用して、各行を次のようにすることでした。
<ajaxtoolkit:collapsiblepanelextender
TargetControlID="panel2">
ExpandControlID="LinkButton1"
CollapseControlID="LinkButton1">
</ajaxtoolkit:collapsiblepanelextender>
<asp:panel>
FirstName | LastName | Phone | Email
<LinkButton1> <- this hides/show extra info in panel2
</asp:panel>
<asp:panel2>
<textbox ="FirstName">
<textbox ="LastName">
<textbox ="EmailName">
...
...lots of textboxes where information is assigned from the database.
</asp:panel2>
これは非常にうまく機能しますが、計算コストが高くなる可能性があります。追加情報パネルには多くのテキストボックス/ラベルがあり、それらはすべてデータベースから値を取得します。ページが読み込まれるたびに、最初にデータベースからすべてのデータが取得され、一部は非表示になります。
私の目標を達成するためのより良い方法はありますか?または、[表示/非表示]ボタンがクリックされたときに従業員の追加の詳細のみをロードする方法はありますか?
前もって感謝します!