控制easyui-tabs打开哪个标签页、选项卡，及easyui-datagrid单击事件

最新推荐文章于 2024-06-13 19:30:16 发布

djk8888

最新推荐文章于 2024-06-13 19:30:16 发布

阅读量2.2k

点赞数 1

分类专栏： JS代码 html 文章标签： easyui easyui-tabs easyui-datagrid

本文链接：https://blog.csdn.net/djk8888/article/details/75685599

版权

html 同时被 2 个专栏收录

97 篇文章 1 订阅

订阅专栏

JS代码

76 篇文章 1 订阅

订阅专栏

控制easyui-tabs打开哪个标签页、选项卡，及easyui-datagrid单击事件

html(easyui-datagrid):

  <table id="DataGrid" class="easyui-datagrid" style="width: 100%; " data-options="toolbar:'#toolbar',rownumbers:true,pagination:true,pageSize:100,fit:true">
            <thead>
                <tr>
                    <th field="ck" checkbox="true"></th>
                    <th field="MenuID" sortable="true" width="50" align="center">菜单ID</th>
                    <th field="MenuName" sortable="true" width="150" align="center">菜单名称</th>                
                </tr>
            </thead>
        </table>

控制easyui-tabs打开哪个标签页、选项卡，及easyui-datagrid单击事件

html(easyui-tabs):

 <div id="divTabs" class="easyui-tabs" style="width:100%;">
        <div class="menu_choice" title="界面控件设置"> </div>
        <div class="menu_choice" title="查看范围设置" style="position: relative;"></div>
</div>

控制easyui-tabs打开哪个标签页、选项卡，及easyui-datagrid单击事件
jQuery:

     //点击easyui-datagrid列表事件:
        $(function () {
            $("#DataGrid").datagrid({
                //单击事件
                onClickRow: function (index, row) {
                  var MenuID = row.MenuID;//获取当前点击行的主键id
                  //控制easyui-tabs打开哪个页卡：
                  if ($("#divTabs").tabs("exists", "查看范围设置")) {                        
                      $("#divTabs").tabs("select", "查看范围设置");//跳转到指定的选项卡页面                        
                    }
                }
            });
        });

控制easyui-tabs打开哪个标签页、选项卡，及easyui-datagrid单击事件