EasyUI tabs选项卡切换触发不同的事件并绑定到table中

来源：互联网发布：vb key value 编辑：程序博客网时间：2024/05/27 14:12
<div class="easyui-tabs" id="tab" style="width:100%;height:612px"><div title="本日" id="tab_day"><table class="easyui-datagrid" id="table_day" fit="true"></table></div><div title="本周" id="tab_week">        <table class="easyui-datagrid" id="table_week" fit="true"></table></div><div title="近1月" id="tab_month"><table class="easyui-datagrid" id="table_month" fit="true"></table></div><div title="近3月" id="tab_3month"><table class="easyui-datagrid" id="table_year" fit="true"></table></div></div>JS:<script type="text/javascript">$('#tab').tabs({             border:false,              onSelect:function(title){              var tab = $('#tab').tabs('getSelected');              var index = $('#tab').tabs('getTabIndex',tab);              alert("您选中是第"+(index+1)+"个选项卡");                       if(index == 0){    /* 本日table */    $('#table_day').datagrid({       url:'/sbd/photoController/jsonPageListNew.action',       pagination: true,       queryParams:{//参数       },       fitColumns: true,        loadMsg:'正在查询，请稍等...',       columns:[[           {field:'captureTime',title:'时间',width:410,align:'center'},           {field:'captureNum',title:'数量',width:410,align:'center'},           {field:'photo_link',title:'图片',width:428,align:'center'}       ]]    });     }else if(index == 1){    /* 本周table */    $('#table_week').datagrid({       url:'/sbd/photoController/jsonPageListNew.action',       pagination: true,       queryParams:{        //参数       },       fitColumns: true,        loadMsg:'正在查询，请稍等...',       columns:[[           {field:'captureTime',title:'时间',width:410,align:'center'},           {field:'captureNum',title:'数量',width:410,align:'center'},           {field:'photo_link',title:'图片',width:419,align:'center'}       ]]    });    }   }}); </script>
阅读全文
0 0