Query Ajax的使用
场景:在Gridview列表中显示有从数据库提取出来的数据,现在要通过jQuery.Ui.Dialog弹出显示每条数据的详细信息,并在弹出窗口中修改编辑。
需要处理的问题:1、将Gridview中选择记录ID提交给jQuery.Ui.Dialog
2、保存处理
设计思路:
为数据绑定、数据更新设计一个aspx页面专门。通过调用jQuery ajax的load方法,载入数据绑定页面进而显示绑定的数据。
页面代码
<div id="loading" class="loading">
服务器处理中,请稍后。
</div>
<div id="divBindShowData">
</div>
<data:EntityGridView ID="GridView1" DataSourceID="TbCorpCreditsInfoDataSource" DataKeyNames="PrimaryKey" >
<Columns>
<asp:TemplateField HeaderText="查看/编辑">
<ItemTemplate>
<asp:HyperLink ID="hlCreditScoreEdit" runat="server" ImageUrl='Images/View.gif' PrimaryKey='<%# DataBinder.Eval(Container.DataItem, "PrimaryKey") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="CorpName" HeaderText="企业名称" SortExpression="[CorpName]" />
相关文档:
asp.net ajax学习笔记
一、 登堂入室——基本概念
http://blog.csdn.net/soldierluo/archive/2009/11/18/4830758.aspx
二、 小试身手——第一个Ajax程序
http://bl ......
Ajax调用远程服务器数据会出现拒绝访问的问题。这是因为基于安全的考虑,AJAX只能访问本域下的资源,而不能跨域访问。也就是说,domain1.com站点中的AJAX只能访问domain1.com站点下的资源,而不能跨域访问domain2.com站点中的资源,这就是AJAX跨域问题。
解决思路:页面在提交请求时 ......
JSP:
课程名称:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/options.js"></script>
<html:select property="icourseId" onchange="change(this)" style="width:180px;">
<html:opt ......
http://ajaxcontroltoolkit.codeplex.com/releases/view/33804
1>安装Ajax ASPAJAXExtSetup.msi (在http://ajax.asp.net下载)
2>安装Ajax模板 ASPAJAXSamples.msi
3>下载 最新版本 ajaxcontroltoolkit
http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit
......
事件触发:
<input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
客户端主体:
//定义用户控件ID全局变量
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//页面加载时的处理
function BodyLoad()
{
HideD ......