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