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

来源：互联网发布：淘宝网-淘我喜欢首页编辑：程序博客网时间：2024/05/01 13:53

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单击事件

阅读全文

1 0