easyui,获取tabs标签页内容,以及刷新datagrid

本是古典何须时尚 2023-06-02 15:58 19阅读 0赞

**因为先点开tab页xxx查看表格，再点另一个tab页xxxx修改部分信息，再切换到tab页xxx，tab页xxx里的datagrid表格不会刷新，显示不了修改的信息（在此tab页按F5刷新可以解决，但是这样不好），所以根据tab标签页的内容来做判断，只要点开tab页xxx就刷新表格。**

找到tabs标签页的代码:

<div data-options="region:'center'">
        <div id="toptabs" class="easyui-tabs" data-options="fit:true,border:false,onSelect:selectTopTabs" >
            <div title="xxx" data-options="href:'<%=request.getContextPath() %>/xxx/index.do'"> </div>
            <div title="xxxx" data-options="href:'<%=request.getContextPath() %>/xxxx/index.do'"></div>
            <div title="xxxxx" data-options="href:'<%=request.getContextPath() %>/xxxxx/index.do'"></div>
       </div>
    </div>

添加方法:

function selectTopTabs(){
        var tab = $("#toptabs").tabs("getSelected");    //获取选中的标签页面板
        var tabObj = tab.panel('options').tab;          //相应的标签页对象
        var tabTitle = tabObj[0].innerText;             //相应的标签页内容
        //alert(tabTitle);　　　　　　　　　　　　　　　　　　//可测试,点击tab页,如"xxx",弹出"xxx"
        if (tabTitle == "xxx") {
            $("#xxxGrid").datagrid("reload");           //刷新datagrid
        }
    }

转载于:https://www.cnblogs.com/likaixin/p/11353043.html

发表评论取消回复

表情：

评论列表（有 0 条评论，19人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery EasyUI 布局 - 动态添加标签页（Tabs）

通过使用 jQuery EasyUI 可以很容易地添加 Tabs。您只需要调用 'add' 方法即可。在本教程中，我们将使用 iframe 动态地添加显示在一个页面上的 T

末蓝、/ 2024年03月23日 16:56/ 0 赞/ 77 阅读

相关 jQuery EasyUI 布局 - 创建标签页（Tabs）

本教程将向您演示如何使用 easyui 创建一个 Tabs 组件。 Tabs 有多个可以动态地添加或移除的面板（panel）。您可以使用 Tabs 来在相同的页面上显示不同的

ゝ一纸荒年。/ 2024年03月23日 16:22/ 0 赞/ 80 阅读

相关 EasyUI中Tabs标签页的简单使用

场景效果 ![Image 1][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

忘是亡心i/ 2023年10月18日 20:03/ 0 赞/ 26 阅读

相关 easyui,获取tabs标签页内容,以及刷新datagrid

因为先点开tab页xxx查看表格，再点另一个tab页xxxx修改部分信息，再切换到tab页xxx，tab页xxx里的datagrid表格不会刷新，显示不了修改的信息（在此tab

本是古典何须时尚/ 2023年06月02日 15:58/ 0 赞/ 20 阅读

相关 easyui 刷新datagrid_easyUI跨tab刷新datagrid

需要在当前页(tab)完成操作后刷新另外一个tab中datagrid的数据，然而在当前tab中获取到datagrid调用其load方法，datagrid从服务器获取到数据了，但

偏执的太偏执、/ 2022年12月31日 09:30/ 0 赞/ 259 阅读

相关 easyui的datagrid使用以及分页

easyui对于开发桌面级的WEB应用界面确实十分方便，而且美观。这里着重记录一下datagrid的使用，以及通过前后端配合实现的超简单的数据分页查询方式。 easyui支持

怼烎@/ 2022年08月03日 13:55/ 0 赞/ 331 阅读

相关 easyui刷新当前tab

看了api就是结果出不来，网上找了好久，都大同小异，几乎连注释都一样，就是效果出不来，今天最后终于实现了，再次记录，但愿对大家有帮助，，，， // 更新选择的

喜欢ヅ旅行/ 2022年06月08日 21:15/ 0 赞/ 282 阅读

相关 easyUI刷新tabs

本人的情况是在一个tabs页面点击添加按钮打开一个新的的tabs,添加数据之后刷新原tabs 打开一个新的tabs（注：jq("\index\_tabs")，是使用

淡淡的烟草味﹌/ 2022年06月01日 12:27/ 0 赞/ 296 阅读

相关 Easyui datagrid 分页

老规矩还是先上效果图： ![70][] 其实这个分页非常简单，耽误了大半天的时间，还是对easyui 理解的不够透彻，网上有很多关于easyui 的demo 或者列子，看完

谁借莪１个温暖的怀抱￠/ 2022年05月22日 10:28/ 0 赞/ 331 阅读

相关 EasyUI DataGrid 通过index获取行的内容

第一种方法 var rowsData = $("dg").datagrid('getSelected'); //获得被选择的行 console.info(

谁践踏了优雅/ 2022年01月14日 10:39/ 1 赞/ 920 阅读