easyui tab的onSelect事件

在写前端时候用到easyui 的tab,然后用onSelect事件选中tab即执行里面的内容,可是为什么我明明选中的是前面的tab,执行的却全部是最后一个tab里面的内容?有哪位大神可以指教下我吗?不胜感激

2个回答

看下是不是id冲突了,如果冲突了,在每个tab创建的时候设置个唯一的id.

不懂你代码怎么写的,onSelect是针对tabs,不是针对单个tab,你要判断是哪个通过参数来判断

onSelect title,index Fires when user select a tab panel.

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery easyui combotree 的onSelect事件
在下面的代码中怎么定义ComboTree(id是cc),的onSelect事件,我这里用rn$('#cc').combotree(onSelect:function(node) rn alert("dd"); rn rn )rn为什么不起作用?请问大侠们应该怎么做,请大家帮帮忙,以下是详细的代码:rnrnrn rn jQuery EasyUIrn rn rn rn rn rn rnrnrn ComboTreern rn reloadrn setValuern getValuern disablern enablern rn Select:rn rn rnrn
easyui combox 的onSelect 问题
alert(attType) //获取的是正确的rn但是用ajax给值传到后台获取基本都永远都是下拉框第一个的值,什么问题啊?rn$("#attType_cb").combobox(rn data: [rn "value": 0,rn "text": "-请选择类型-"rn , rn "value": 1,rn "text": "上海"rn , rn "value": 2,rn "text": "北京"rn , rn "value": 3,rn "text": "武汉"rn ],rn valueField: 'value',rn textField: 'text',rn required: true,rn panelHeight: 'auto',rn editable:false,rn onSelect: function (res) rn var attType = res.value;rn var id = $("#hid_infoId").val();rn alert(id)rn alert(attType) [color=#FF0000] //获取的是正确的rn [/color]rn $.ajax(rn type: "post",rn url: "Ashx/Manage_QualificationPcture.ashx",rn data: action: "GetAttachmentByTypeID", attType: attType, id: id , [color=#FF0000]//传到后台获取基本都永远都是下拉框第一个的值[/color]rn success: function (msg) rn alert(msg)rn rn )rn rn )
紧急! jquery easyUi accordion onSelect 事件
jquery easyUi accordion onSelect 事件 怎么写?rn代码如下rn$('XXX').accordion(rnrnonSelect:function('title')rnrnalert("test");rnrnrnrn);rnrn为何IE 老报错哦????
checkbox的onselect事件
[code=Java]rn 全选rn怎么选中没有触发事件?rn[/code]
easyUI时间控件,选择‘今天’按钮如何触发onSelect事件
datebox日期控件,只有在选择日期时,才会去触发onSelect事件,怎么控制点击‘今天’、‘关闭’、‘清空’按钮时,触发该事件
easyUI easyui-datagrid (良好习惯:onClickRow,onSelect 都写上,事件同步)
要养成良好习惯: onClickRow,onSelect 都写上,这样在添加或者修改之后,选中某一行,才会自动执行 onSelect,同步onClickRow 点击事件。 如: 这样在添加或者修改之后,选中某一行,才会自动执行 onSelect,同步onClickRow 点击事件。...
easyui时间框datetimebox中onSelect事件获取新的时分秒
js代码部分 function arrayBoxId(date){ var beginDate=$("#beginDate").datetimebox('getValue'); var endDate=$("#endDate").datetimebox('getValue'); //这时候获取到的时间是还未改变的时间值 alert(beginDate+","+endDate); //on
easyui tab
easyui tab 绝对好用的tab插件
onselect事件在表单元素中的使用
onselect:事件会在文本框中的文本被选中时发生 下面是在表单元素可输入文本框中的两种写法 <input type="text" name="txt" value="a" onselect=alert('内容被选中')>
select 的onSelect事件如何触发?
比如select 中两项 a和b,默认选择是a,当我用鼠标选择a的时候,我希望这个时候选择a的事件能触发,但是onchange这个时候不触发,onselect事件好像也不触发,请问应该怎么做呢?
easyui前端框架combobox控件onSelect控件的用法。
[img=https://img-bbs.csdn.net/upload/201311/24/1385300350_873160.jpg][/img]rnrn如下图所示rn[img=https://img-bbs.csdn.net/upload/201311/24/1385300464_232425.jpg][/img]rnrn请问问题出现在哪??为什么不走第二个onSelect事件呢?
DBCombox 没有OnSelect 事件 如何处理?
DBCombox 没有 ComBox 的 Onselect 事件 rn是否用别的事件替代?rn是否可以添加?rn如何处理?
我对onselect和onchange事件的误解
很少用onselect事件,今天我才发现onselect事件:当选择一段文字的时候触发。以前我一直以为onselect和onchange都是是内option元素切换的时候触发。是我误解了onselect事件。<!doctype html> <html> <head> <meta charset="utf-8"> <title>onselect与onchange的区别</title> <script>
javascript中没有onselect事件,如何实现...
javascript中没有onselect事件,而我要实现类似其它语言中的onselect效果,即选中某一项时即反应,用onchange不行,用onclick又太敏感...rn有方法吗?
EasyUI 动态添加tab
<div class="easyui-dialog" title="" style="width:400px;height:200px;" data-options=" iconCls:'icon-save', resizable:true, closable:false, draggable:false, modal:true">
Easyui添加Tab右键菜单
Easyui添加Tab右键菜单示例,右键弹出操作菜单,刷新、关闭、全部关闭、关闭左侧、关闭右侧
easyUI打开tab页面
点击后面的对账详情,会在easyUI上面打开一个tab页,在每次都打开对应的tab页。 function showExceptionDetails(value, row) { var searchReconType = $('#searchReconType').combobox('getValue'); if(row!=null &amp;amp;&amp;amp; row....
easyui刷新当前tab
看了api就是结果出不来,网上找了好久,都大同小异,几乎连注释都一样,就是效果出不来,今天最后终于实现了,再次 记录,但愿对大家有帮助,,,, // 更新选择的面板的新标题和内容 var tab = $('#layout_center_tabs').tabs('getSelected'); // 获取选择的面板 $('#layout_center_tabs').t
easyui隐藏tab页
$('#tabId').tabs('getTab',&quot;标题一&quot;).panel('options').tab.hide();//隐藏tab表头$(&quot;#bty1&quot;).hide();//隐藏tab内容
easyui布局加TAB
1、创建布局页面 2编写easyui $(function () { $('#menuTree').tree({ url: '/Friut/GetAllMenus', lines: tru
easyui关闭所有tab
//关闭所有的tab function closeAll(){ var tabs = $('#mytabs').tabs('tabs'); if(tabs.length>0){ for(var i=tabs.length-1;i>=0;i--){ var title = tabs[i].panel('options').t
easyui 动态加载tab
easyui框架动态加载tabs闲话不多说,直接奔入主题。jsp页面 需要加一个tab的id: &amp;lt;div id=&quot;texttabs&quot; class=&quot;easyui-tabs&quot; style=&quot;width:100%;height:100%;&quot;&amp;gt; &amp;lt;/div&amp;gt;js:function testTabs(){ //3个tabs的路径urls = [ basePath + 'test1....
easyui的Tab创建问题
欲实现功能:我用tree打开了一个tab(tab1),方法为[code=javascript]function addTab(subtitle, url, icon) rn if (!$('#tabs').tabs('exists', subtitle)) rn $('#tabs').tabs('add', rn title: subtitle,rn content: createFrame(url),rn closable: true,rn icon: iconrn );rn else rn $('#tabs').tabs('select', subtitle);rn $('#mm-tabupdate').click();rn rn tabClose();rnrnrnfunction createFrame(url) rn var s = '';rn return s;rn[/code]在tab1中有一个datagrid,我想通过点击其中一个字段实现将该行数据在新建的一个tab(比如tb2)中打开。rnrn[b][size=16px]问题1:[/size][/b]我通过datagrid中列属性“formatter”,将其中一列换成一个a标签[code=javascript] field: 'QuesTitle', title: '标题', width: 600, sortable: true, align: 'left',formatter:function(value,rowData,rowIndex)return ""+value+""; [/code]rn然后绑定一个点击事件函数[code=javascript]function aInit() alert("11");rn $("a.atitle").live("click",function()alert("22");rn var qid=$(this).val();rn var qtitle=$(this).children('span').text();rn $('#tabs').tabs('add', rn title:qtitle, rn content:'Tab Body', rn closable:true rn );rn );rn [/code]并在[code=javascript] $(function () rn pageInit();rn loadTree();rn loadGrid();rn easyrtInit();rn aInit();rn );[/code]中调用了上面那个函数,可结果是输出了“11”,说明绑定事件函数被调用了,但是点击datagrid中的a标签没有任何反应,这是怎么回事呢?rnrn[b][size=16px]问题2:[/size][/b]上面没成功,我就想试试单纯地通过datagrid的toolbar中的按钮看能否实现,新建了一个查看按钮,并绑定一个点击事件[code=javascript]alert($('#tabs',parent.document).attr('id'));rn $('#tabs',parent.document).tabs('add', rn title: 'qtitle',rn content: 'ViewQues.aspx',rn closable: truern );[/code],点击该按钮后成功输出了“tabs”的id,但是却没有增加新的tab,这是怎么回事呢?
EasyUI刷新tab的页面
EasyUI刷新tab的页面代码:function() { var selectTab = $('#tt').tabs('getSelected'); var url =$(selectTab.panel('options').content).attr('src'); $('#tt').tabs('update', { tab : selectTab,
easyui只开一个tab
[code=&quot;java&quot;] var title_now; function addTab(title, href) { var tt = $('#main-center'); if (href) { var content = ''; } else { var content = '空白页面,正在开发中...'; } if (tt.tabs(...
tab事件
.xs{color: #F00;text-align:center;} //tab切换激发相应的事件 事件工单 故障工单 工单分类: ...
web控件DropDownList能否实现OnSelect事件?
web控件DropDownList能否实现OnSelect事件?即每选择一次项就提交一次,而不是SelectIndexChange那样的选择不同项才提交一次??
ComboBox的OnSelect事件怎么用啊。。。
谢谢
easyui tab之自动生成带datagrid的Tab页
背景:一个头表中带有有不同来源的明细,来自于各个来源的明细需要维护相同的项目,为了使页面美观,将同一来源的明细放在同一Tab页。 方法:           1、布局easyui tab 控件           style ="border : 0px;">     2、根据来源的个数自动生成多个Tab页 //tps为不同的来源的字符串,每个来源用"$"分开  funct
我要给onselect事件付自己定义的事件为什么会出错
combobox.onselect:=myfunc;rn[Error] kskscz.pas(165): Incompatible types: 'TObject' and 'TComboBox'rn怎么改,谢谢
easyui 点击according创建tab
easyui 点击according创建tabrnrn求代码啊!点击的时候最好tab能进行切换! 急 在线等
easyui tab页右键菜单之删除
jsp部分 (这部分代码放在有tab页的jsp页面) &amp;amp;lt;div id=&amp;quot;rcmenu&amp;quot; class=&amp;quot;easyui-menu&amp;quot; style=&amp;quot;&amp;quot;&amp;amp;gt; &amp;amp;lt;div id=&amp;quot;closeall&amp;quot;&amp;amp;gt;Close All&amp;amp;lt;/div&amp;a
easyui之菜单导航切换Tab
1, 主页HTML 引包 DIV设置north(上,标题)south(下)west(左,菜单)east(右)center(居中,主工作区,Tab选项卡)                                                  首页                       2, 主页JS 菜单
EasyUi右键tab添加菜单
在Easyui中给tab添加右键菜单,实现以下功能: 1、首先编写jsp文件   &amp;lt;div id=&quot;layout_center_tabs&quot; class=&quot;easyui-tabs&quot; data-options=&quot;fit:true,border:false&quot; style=&quot;overflow: hidden;&quot;&amp;gt; &amp;lt;div title=&quot;首页&quot;&amp;gt;
easyui指定Tab页面重载
思路:  1. 查tab下的iframe的ID 。 2. 重载该iframe 代码: document.getElementById('FrameID').contentWindow.location.reload(true); 如果是子页面,前面别忘了加上parent。...
easyui 多tab页下问题
easyui的layout布局下,表格的加载,combobox的加载都写在对应的tab页下。 打开一个新的多tab页面,在打开一个新的多tab页面,点击前面的其他tab页,tab页的表格什么的都不加载,找了好长时间的问题,最后发现 1.easyui下多tab页中的命名和id都不能重复 2.js的方法名称也不能重复 例如 : 第一个页面 function test(){} 第二个页面 fu...
使用EasyUI,tab标签使用
使用EasyUI,tab标签使用 引入iframe页面 function createFrame(url) { var frame = '&amp;lt;iframe id=&quot;mainFrame&quot; name=&quot;mainFrame&quot; scrolling=&quot;auto&quot; frameborder=&quot;0&quot; src=&quot;' + url + '&quot; style=\&quot;width
EasyUI添加tab页签
不多说,代码如下 /** * 添加tab页签 * * @param e */ addTab : function(e, beforeAdd) { if (beforeAdd != null) {// 添加tab页签前触发事件 var r = beforeAdd(); if (r != true) return; } var title =
easyui的tab选项卡显示与切换
笔者初学java,而且是直接跟着项目跳向spring MVC学习 ,工作前几年全部是写C#。java水平也就在大学学完基础java之后。 目前直接开始搞,可能会有点吃力,但是也提升了自己。今天记录一下学到的easyui的tab选项卡问题。 界面设计是点击左侧导航栏中的某一项,跳向与之对应的tab选项卡。界面只显示当前选项卡,其余选项卡不显示。 开始百度的时候很多解决方案,但是都不太适用自己的...
easyui刷新当前tab页
$('#main-tab').tabs('add', { title: config.title, content: tabHtml, id: config.id, cls: "ex-tab", closable: true, ...
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件