Javascript 引导程序不使用UpdatePanel
我有一个ASP.NET应用程序,它使用引导作为前端框架。我将通过Javascript 引导程序不使用UpdatePanel,javascript,asp.net,ajax,updatepanel,Javascript,Asp.net,Ajax,Updatepanel,我有一个ASP.NET应用程序,它使用引导作为前端框架。我将通过ScriptBundle绑定我正在使用的库,如下所示: bundles.Add(new ScriptBundle("~/bundles/masterPageScripts").Include( "~/Theme/plugins/jQuery/jQuery-2.2.0.min.js", "~/Theme/bootstrap/js/bootstrap.min.js", "~/Scripts
ScriptBundle
绑定我正在使用的库,如下所示:
bundles.Add(new ScriptBundle("~/bundles/masterPageScripts").Include(
"~/Theme/plugins/jQuery/jQuery-2.2.0.min.js",
"~/Theme/bootstrap/js/bootstrap.min.js",
"~/Scripts/bootstrap-select.min.js",
....
));
然后我有一个列表视图
,我想把它放在更新面板
中,这样它就不会刷新整个页面。列表视图如下所示:
当我点击“+”图标时,下拉列表将消失:
我试图再次调用pageLoad
函数中的bundles
,但它似乎不起作用
<script type="text/javascript">
// Reload js on partial postback
function pageLoad(sender, args) {
if (args.get_isPartialLoad()) {
jQuery.ajax({
type: "GET",
url: '<%: Scripts.Url("~/bundles/masterPageScripts") %>',
dataType: "script",
cache: true
});
}
}
</script>
//在部分回发上重新加载js
函数页面加载(发送方,参数){
if(args.get_isPartialLoad()){
jQuery.ajax({
键入:“获取”,
url:“”,
数据类型:“脚本”,
缓存:真
});
}
}
有什么想法吗?
pageLoad
或$(文档)。ready
仅在页面初始加载时调用,而不是在异步回发(UpdatePanel内的内容更新)后调用。为此,您需要PageRequestManager
<script>
var requestmanager = Sys.WebForms.PageRequestManager.getInstance();
requestmanager.add_endRequest(function () {
if (args.get_isPartialLoad()) {
jQuery.ajax({
type: "GET",
url: '<%: Scripts.Url("~/bundles/masterPageScripts") %>',
dataType: "script",
cache: true
});
}
});
</script>
var requestmanager=Sys.WebForms.PageRequestManager.getInstance();
requestmanager.add_endRequest(函数(){
if(args.get_isPartialLoad()){
jQuery.ajax({
键入:“获取”,
url:“”,
数据类型:“脚本”,
缓存:真
});
}
});
看起来不需要加载脚本。我需要做的是重新加载选择器选择器
下面是我如何解决它的:
<script type="text/javascript">
function pageLoad(sender, args) {
if (args.get_isPartialLoad()) {
$('#<%= updtPnlBran.ClientID %> .selectpicker').selectpicker();
}
}
</script>
函数页面加载(发送方,参数){
如果(args.get_ispartiaload()){
$('#.selectpicker').selectpicker();
}
}
你在加号(+)图标上做什么单击??在列表视图中添加新行。pageLoad
在部分回发后会被调用。我尝试添加requestmanager,但仍然不起作用。我也从未有过这样的运气。必须将引导降级为3.*并停止使用引导选择,然后返回旧的选择2下拉列表。希望看到一个有效的答案!您必须找到生成下拉列表的bootstrap4jQuery代码段,并在异步回发后再次执行它。