上篇博客通过JQuery实现单击表格进行编辑的功能，本篇博客将继续延伸，将在此功能的基础之上，与数据库交互，实现真正的可编辑。
传统的网页，如果需要更新数据，需要更新整个页面，而Ajax可以通过在后台与服务器进行少量数据交换，使网页实现异步更新，是一种在无需加载整个网页的情况下， 能够更新部分网页的技术。
本篇博客将上传我在项目用到的可以编辑的表格的源代码。继续丰富了上篇博客中的编辑效果，又与数据库进行交互，实现真正的可编辑。
@H_301_48@
<divclass="span9">
<%--显示提示信息--%>
<asp:LabelID="Label1"runat="server"Text="说明：单击模块名称进行修改，回车或单击其它地方确定修改，ESC取消编辑。"ForeColor="Red"></asp:Label>
<%--局部更新--%>
<asp:ScriptManagerID="ScriptManager1"runat="server"></asp:ScriptManager>
<asp:UpdatePanelID="UpdatePanel1"runat="server">
<ContentTemplate>
<%--表格--%>
<tableclass="tabletable-striped">
<tr>
<th>模块ID</th>
<th>模块名称</th>
<th>删除</th>
</tr>
<%--绑定到Repeater--%>
<asp:RepeaterID="rptModel"runat="server">
<ItemTemplate>
<td><%#Eval("mdlID")%></td>
<tdclass="modelname"><%#Eval("mdlName")%></td>
<td>
<asp:LinkButtonID="lbtnDelete"runat="server"OnClick="lbtnDelete_Click"OnClientClick="returnconfirm('是否要真的删除？')"CommandArgument='<%#Eval("mdlID")%>'>删除</asp:LinkButton>
</td>
</ItemTemplate>
</asp:Repeater>
</table>
</ContentTemplate>
</asp:UpdatePanel>
<%--显示错误信息--%>
<divid="test"></div>
<%--添加模块名称--%>
<p>
<asp:LabelID="Label2"runat="server"Text="模块名称"></asp:Label>
<asp:TextBoxID="txtModelName"runat="server"></asp:TextBox>
<asp:ButtonID="btnAddModel"UseSubmitBehavior="false"runat="server"Text="添加"CssClass="btnbtn-info"OnClick="btnAddModel_Click"/>
</p>
</div>
绑定信息代码：
[csharp]
?
- protectedvoidPage_Load(objectsender,EventArgse)
- {
- if(!Page.IsPostBack)
- //绑定模块信息
- ModelInfoMgrmodelInfoMgr=newModelInfoMgr();
- DataTabledt=newDataTable();
- //查询所有的模块信息
- dt=modelInfoMgr.SelectAll();
- //绑定
- rptModel.DataSource=dt;
- rptModel.DataBind();
- }
- }
