easy ui tabs 顶部绑定事件
$(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 顶部绑定事件的更多相关文章
- jquery easy ui 1.3.4 事件与方法的使用(3)
3.1.easyui事件 easyui事件可以在构建的时候就通过属性方式添加上去,比如在panel收缩的时候添加一个事件,在构建的时候代码如下 onCollapse: function () { al ...
- 让Easy UI 的DataGrid直接内嵌的JSON对象,并重写form load 方法
前言 我有这样的JSON对象 { "UserName": "jf", "UserPwd": "123456", &quo ...
- jqueryEasyUI:tabs扩展:给tabs组件绑定双击事件 分类: JqueryEasyUI 2014-09-29 14:36 537人阅读 评论(0) 收藏
实现代码: $.extend($.fn.tabs.methods, { /** * 绑定双击事件 * @param {Object} jq * @param {Object} caller 绑定的事件 ...
- easy ui 下拉框绑定数据select控件
easy ui 中的下拉框控件叫做select,具体代码如下: html代码:①.这是一个公司等级的下拉框 <tr> <td>公司等级:</td> <td&g ...
- JQuery Easy Ui (Tree树)详解(转)
第一讲:JQuery Easy Ui到底是什么呢? 首先咱们知道JQuery是对Java Script的封装,是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等.. JQuery ui是在j ...
- jquery.UI.tabs
今天对jquery UI的tabs进行了进一步的了解,目的是想把死板的切换效果变得动感点,不过经过这进一步的了解,发现它并不合适或都说并不能实现我想要的效果,我想要的效果就是类似淘宝商城的banner ...
- JQuery Easy Ui dataGrid 数据表格 ---制作查询下拉菜单
JQuery Easy Ui dataGrid 数据表格 数据表格 - DataGrid 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值.. 数 ...
- 玩转Web之easyui(二)-----easy ui 异步加载生成树节点(Tree),点击树生成tab(选项卡)
关于easy ui 异步加载生成树及点击树生成选项卡,这里直接给出代码,重点部分代码中均有注释 前台: $('#tree').tree({ url: '../servlet/School_Tree?i ...
- easy ui Tree请求跨域数据
扯淡篇: jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,t ...
随机推荐
- hdu 1754 I Hate It (splay tree伸展树)
hdu 1754 I Hate It 其实我只是来存一下我的splay模板的..请大牛们多多指教 #include<stdio.h> #include<string.h> #i ...
- 无法通过 128 (在表空间 TEMP 中) 扩展 temp 段
1.查看表空间中数据文件存储的路径以及是否可以自动扩展 SELECT TABLESPACE_NAME, BYTES/1024/1024 FILE_SIZE_MB, FILE_NAME FROM DBA ...
- PL/SQL基础
打印 hi set serveroutput on --打开输出开关 declare --说明部分(变量说明,光标申明或者例外说明) begin --程序 ...
- 用NGUI做一个计时条!
1.建立两个UISprite. 2.建立脚本CountingTime 3.编写脚本 public class CountTime : MonoBehaviour { //时间计时器 public fl ...
- Cocos2d-x 2.0 自适应多种分辨率
转自:http://dualface.github.io/blog/2012/08/17/cocos2d-x-2-dot-0-multi-resolution/ cocos2d-x 2.0 提供一个极 ...
- WinDbug抓取进程dump
安装WinDbug(包含在 Windows Kits-debugger 中)后,运行如下命令将会在 explorer.exe进程发生崩溃后抓取相应的内存数据到D盘根目录下的一个文件夹中 adplus. ...
- Web挖掘技术
一.数据挖掘 数据挖掘是运用计算机及信息技术,从大量的.不全然的数据集中获取隐含在当中的实用知识的高级过程.Web 数据挖掘是从数据挖掘发展而来,是数据挖掘技术在Web 技术中的应用.Web 数据 ...
- [转]VS2010 (C#)winform程序打包发布图解
1.新建一个Windows窗体应用程序,例如项目名为monitor,功能略.新建的时候不要忘了创建解决方案. 2.在monitor解决方案上“右击”—— “添加”——“新建项目”,选择“其他类型项目” ...
- 【转载】soapui基于持续集成工具自动化运行的调研姿势
soapui中的testrunner.bat调研姿势,用于自动化测试副标题:soapui基于持续集成工具自动化运行的调研姿势 各位亲爱的同仁们,大家好吗?最近项目在搞持续集成工具,我们的测试用例都是基 ...
- IOS设备上给body绑定click事件不生效及其解决办法
事件背景: 最近在做一个移动端业务的时候碰到一个bug,在ios上对body绑定click事实现事件代理冒泡至某些元素上尽然不生效. 思考: 暂借助jquery展示下事件绑定代码,将所有标签含有dat ...