image 闪烁 c# ajax updatepanel,jQuery的日期选择器MS的ajax的UpdatePanel不交以后下班回来...

放置一个脚本管理器和网页上的更新面板“jQuery UI的日期选择器不AJAX部分回发后做事”。

现在在updatepanel控件中放置一个文本框和一个按钮。

Select Date :

OnClick="btnAjax_Click" />

现在将datepicker控件与文本框绑定。

$(document).ready(function(){

$("#").datepicker(

{ changeMonth:true,

changeYear:true,

showOn: 'button',

buttonText:'Show Date',

showAnim: 'fadeIn',

showButtonPanel: true,

dateFormat: 'DD, MM d, yy',

buttonImage: 'Images/imgCalendar.png',

buttonImageOnly: true

}

);

$(".ui-datepicker-trigger").mouseover(function() {

$(this).css('cursor', 'pointer');

});

});

现在创建一个服务器端点击按钮，这将导致ajax部分回发。

protected void btnAjax_Click(object sender, EventArgs e)

{

System.Threading.Thread.Sleep(1000);

}

在运行网页，U会看到这样的事情

点击日期选择器。日期选择器被打开并且选择日期成为文本框的值。 现在点击按钮。服务器端按钮点击被调用，现在你会看到类似这样的东西。

的日期选择器按钮gone.So什么做的，我们现在做，使之AJAX中工作。见下面的代码。

function pageLoad(sender, args)

{

$(document).ready(function(){

$("#").datepicker(

{ changeMonth:true,

changeYear:true,

showOn: 'button',

buttonText:'Show Date',

showAnim: 'fadeIn',

showButtonPanel: true,

dateFormat: 'DD, MM d, yy',

buttonImage: 'Images/imgCalendar.png',

buttonImageOnly: true

}

);

$(".ui-datepicker-trigger").mouseover(function() {

$(this).css('cursor', 'pointer');

});

});

}

如果您使用的是ASP.NET AJAX，则可以在JavaScript中使用pageLoad()函数。 AJAX框架自动线一个名为pageLoad的(任何客户端功能)作为Application.Load处理器

源链路信用