$(function(){
     $('#tb').tabs('bindclick', function(index, title){
     });
 });

$.extend($.fn.tabs.methods, {
 bindclick : function(jq, caller) {
  return jq.each(function() {
   var that = this;
   $(this).children("div.tabs-header").find("ul.tabs").undelegate(
     'li', 'click.tabs').delegate(
     'li',
     'click.tabs',
     function(e) {
      if (caller && typeof (caller) == 'function') {
       var title = $(this).text();
       var index = $(that).tabs('getTabIndex',
         $(that).tabs('getTab', title));
       caller(index, title);
       if (title == "修改密码") {
        $("#sopwd")[0].focus();
       } else if (title == "个人信息") {
        // 获得光标
        $("#aname")[0].focus();
        var input = $("#aname")[0];
        var val = input.value;
        input.value = "";
        input.value = val;
       }
      }
     });
  });
 }
});

<div id="tb" class="easyui-tabs" border=false>
 <!--修改个人信息--开始  -->
  <div title="个人信息" class="selftitle">
   <form id="formupduser">
    <div style="display: none">
     <input type="hidden" id="aname1" value="${user.aname}"  />
     <input type="text" id="email1" value="${user.email}" />
     <input type="hidden" id="phone1" value="${user.phone}" />
     <input type="hidden" id="mobilephone1" value="${user.mobilephone}"  />
    </div>
    <ul class="selffon">
     <li id="xinxiweihu" style="">
      <span  class="l-btn-text l-btn-icon-left" style="background-image:
       url('<%=JToolType.jsppath%>/jquery-easyui-1.3.3/themes/icons/sum.png');">
        个人信息维护
       </span>
     </li>
     <li><span id="margin-left50"></span>类 型:
     <span>
      <c:choose>
          <c:when test="${user.issa}">   
            超级管理员
          </c:when>
          <c:otherwise> 
           普通用户
                </c:otherwise>
                   </c:choose>
       </span>
     </li>
     <li><span id="margin-left50"></span>用户名:<input type="text" id="aname" name="aname" value="${user.aname}"  /> </li>
     <li><span id="margin-left50"></span>邮 箱:<input type="text" id="email" name="email" value="${user.email}"/> </li>
     <li><span id="margin-left50"></span>固 话:<input type="text" id="phone" name="phone"  value="${user.phone}"  /> </li>
     <li><span id="margin-left50"></span>手 机:<input type="text" id="mobilephone" name="mobilephone" value="${user.mobilephone}"  /> </li>
     <li>
      <span id="margin-left70"></span> <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" plain="false" href="javascript:updateuser()">保存</a>
       <a class="easyui-linkbutton" data-options="iconCls:'icon-reload'" plain="false" href="javascript:setforminputblack('formupduser');" >清空</a>
     </li>
    </ul>
   </form>
  </div>
<!-- 修改个人信息结束 -->

<!-- 修改密码开始 -->
  <div title="修改密码" class="selftitle"    >
   <form  id="formupdpwd" data-options="onclick:'javascript:alert();'">
    <ul class="selffon">
     <li class="passwordweihu" >
     <span class="l-btn-text  l-btn-icon-left" style=" background-image: url('<%=JToolType.jsppath%>/jquery-easyui-1.3.3/themes/icons/sum.png');">
        个人密码维护
      </span>
     </li>
     <li><span id="margin-left50"></span>原始密码:<input type="password" id="sopwd" /></li>
     <li><span id="margin-left50"></span>新的密码:<input type="password" id="newpwd" /></li>
     <li><span id="margin-left50"></span>确认密码:<input type="password" id="confirmpwd" /></li>
     <li>
          <span id="margin-left70"></span>
       <a href="javascript:updateuserpwd()" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" plain="false">保存</a>
       <a href="javascript:setforminputblack('formupdpwd');" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" plain="false">清空</a>
      </li>
    </ul>
   </form>
  </div>
  <!-- 修改密码结束 -->

easy ui tabs 顶部绑定事件的更多相关文章

  1. jquery easy ui 1.3.4 事件与方法的使用(3)

    3.1.easyui事件 easyui事件可以在构建的时候就通过属性方式添加上去,比如在panel收缩的时候添加一个事件,在构建的时候代码如下 onCollapse: function () { al ...

  2. 让Easy UI 的DataGrid直接内嵌的JSON对象,并重写form load 方法

    前言 我有这样的JSON对象 { "UserName": "jf", "UserPwd": "123456", &quo ...

  3. jqueryEasyUI:tabs扩展:给tabs组件绑定双击事件 分类: JqueryEasyUI 2014-09-29 14:36 537人阅读 评论(0) 收藏

    实现代码: $.extend($.fn.tabs.methods, { /** * 绑定双击事件 * @param {Object} jq * @param {Object} caller 绑定的事件 ...

  4. easy ui 下拉框绑定数据select控件

    easy ui 中的下拉框控件叫做select,具体代码如下: html代码:①.这是一个公司等级的下拉框 <tr> <td>公司等级:</td> <td&g ...

  5. JQuery Easy Ui (Tree树)详解(转)

    第一讲:JQuery Easy Ui到底是什么呢? 首先咱们知道JQuery是对Java Script的封装,是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等.. JQuery ui是在j ...

  6. jquery.UI.tabs

    今天对jquery UI的tabs进行了进一步的了解,目的是想把死板的切换效果变得动感点,不过经过这进一步的了解,发现它并不合适或都说并不能实现我想要的效果,我想要的效果就是类似淘宝商城的banner ...

  7. JQuery Easy Ui dataGrid 数据表格 ---制作查询下拉菜单

    JQuery Easy Ui dataGrid 数据表格 数据表格 - DataGrid 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值.. 数 ...

  8. 玩转Web之easyui(二)-----easy ui 异步加载生成树节点(Tree),点击树生成tab(选项卡)

    关于easy ui 异步加载生成树及点击树生成选项卡,这里直接给出代码,重点部分代码中均有注释 前台: $('#tree').tree({ url: '../servlet/School_Tree?i ...

  9. easy ui Tree请求跨域数据

    扯淡篇: jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,t ...

随机推荐

  1. 如何将中国知网CNKI中的文献导入EndNote X6

    如何将中国知网CNKI中的文献导入EndNote X6 下面给出具体步骤: 1.在CNKI中检索目标文献,如检索<基于Qt的三维可视化技术研究> 我喜欢在CNKI(http://www.c ...

  2. 微信开发第7章 通过accesstoken获取用户黑名单列表

    获取黑名单列表可以查看文档 http://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1471422259_pJMWA&token=& ...

  3. 第一步 配置D2RQ环境

    ​第一步 配置D2RQ环境 Getting Started 2013年10月15日 15:16:55 老套路,还是先配置环境,没查到什么中文资料,写在这里,供大家参考.有需要交流的可以加QQ: 1q7 ...

  4. WinForm Excel导入

     主要代码如下: 定义一个DataSet   存放Excel读取的数据 /// <summary> /// Excel 表中读取的数据 /// </summary> publi ...

  5. 【JAVA - SSM】之MyBatis动态SQL

    动态SQL就是在SQL语句中添加一些标签,以完成某些逻辑.通常用到的动态SQL标签有<if>.<choose>.<where>.<trim>.<s ...

  6. cocos2d-x编程的一些小技巧

    转自:http://blog.sina.com.cn/s/blog_61d2d3f50100zgz8.html 一.   CC_ASSERT 或 CCAssert宏 Assert - 断言 使用断言可 ...

  7. 通过WMI配置IP

    $wmi = gwmi win32_networkadapterconfiguration -filter "ipenabled = 'true'"$wmi.EnableStati ...

  8. 借助Ant工具,实现快速开发

    当一个项目大了以后,每次重新编译,打包,运行等就会变得复杂.费时.重复,在c语言中有make脚本进行这些工作的批量完成,那么在java中,我们可以使用Ant. Ant是一个构建工具,可以完成这些任务: ...

  9. APUE习题5.x

    5.4 下面的代码在一些机器上运行正确,而在另外一些机器运行时出错,解释问题所在? #include <stdio.h> int main( void ) { char c; while( ...

  10. cocos2d-x 2.1.4学习笔记01:windows平台搭建cocos2d-x开发环境

    cocos2d-x的大致开发流程是,首先使用win32版进行代码编写并完成游戏,然后将代码迁移到对应的开发环境上进行交叉编译完成游戏打包,如iphone上是mac+xcode,android是ecli ...