使用AJAXCONTROLTOOLKITS实现折叠展开功能

在展开列表里进行相应的数据操作

嵌套GridView使用

涉及表：Dictionary父表 DicOption子表

效果图：

展开后：

可以添加删除任务

使用AjaxControlToolkits注意Config配置文件：

在System.web节点加入以下代码

<httpHandlers>
            <remove verb="*" path="*.asmx"/>
            <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
        </httpHandlers>

示例下载：

/Files/usea/GridViewExpandCollapse.rar

数据库结构：

Dictionary父表：

PK_Dic(主键)   DicName     Description     ts

DicOption子表：

PK_Option(主键)     PK_Dic(外键)     OptionName     Description     ts