当前位置：首页 → 问答吧 → 动态加载Tab内容的问题

动态加载Tab内容的问题

时间：2011-12-28

来源：互联网

之前没有ASP.NET经验，有一个场景，请大家给点建议
1. 如何实现在用户点击某个Tab时，加载Tab的内容。而不是页面初始化时就加载这个Tab的内容。
2. 同样对于使用div做dialog也存在这个问题。
3. 另外如何在一个页面上的多个用户控件上共享数据，我想的是在主页面上做统一的数据库操作（读，写），然后在每一个用户控件上就不用再次访问数据库了，这个问题可以结合1，2。
打算使用JQuery UI来实现。
谢谢，我不需要任何代码，只需要大家给个思路或者建议。
如果没有描述清楚，还望指明。

作者: dragonforfly 发布时间: 2011-12-28

用 easy-ui 把
1、可以当 tab 没页签 click 时再加载(结合iframe 用)
2、同样
3、不懂

作者: hanqing_liu 发布时间: 2011-12-28

可以用ajax解决，单击tab获取数据。

作者: dalmeeme 发布时间: 2011-12-28

如果用戶動態加載 iframe

第三點：主页面上做统一的数据库操作，這個參數、數據傳送太麻煩了

作者: arecaiz 发布时间: 2011-12-28

1,2 用jquery应该好操作吧，通过点击事件，用ajax异步请求获取数据转化成json格式字符串，在到页面也解析，这个方面jquery比较好，网上都有相应的源代码可以找

第三个问题是神马意思不太明白？是想要数据缓存吗？

作者: feng1366259807 发布时间: 2011-12-28

JQuery UI 的 Tabs 有个事件 select，在 select 事件中加载数据就可以了。
呃，还是代码容易说清楚，所以贴下代码：
JScript code


$(function() {
    $("#tabs").tabs({
    select: function(event, ui) {
        var url = 'test.ashx';
        $.get(url, function(rs) {
            ui.panel.innerHTML = rs; // ui.panel 就是该 Tab 对应的 div
        })
    }
    });
});

作者: orain 发布时间: 2011-12-28

用 Div 做 Dialog，你可以在用户点击后，调用 Ajax 请求，获取返回数据后，再把数据包到 Div 中，再弹出 Dialog。
第三点，用一个全局的 Object，其它用户控件往这个 Object 内写数据不可以吗？

作者: orain 发布时间: 2011-12-28

1. 如何实现在用户点击某个Tab时，加载Tab的内容。而不是页面初始化时就加载这个Tab的内容。
2. 同样对于使用div做dialog也存在这个问题。
-------------
简单的说就是使用 ajax ，返回 “PartialView” 即 ajah

通过异步请求获得需要的html 代码段

3. 另外如何在一个页面上的多个用户控件上共享数据
----------
HttpContext.Current.Item

作者: Sandy945 发布时间: 2011-12-28

动态加载Tab内容的问题

热门阅读

热门下载