jquery获取当前按钮、截取字符串、字符串拼接、动态循环添加元素
截取字符串;字符串拼接;动态循环添加元素:
获取当前按钮:
{data : null, render: function(data, type, row ) {
var loginName = $("#loginName").val();
var div = $("<div class='btn-group'></div>");
var button1 = $("<button role='download' value='" + row[5] + "' name='download' class='btn btn-xs btn-info glyphicon glyphicon-save' title='下载'></button>");
var button2 = $("<button role='pass' name='edit' " +
"data-templatename='"+ row[1] + "' " +
"data-reportsumid='" + row[0] + "' " +
"data-cycle='" + row[2] + "' " +
"data-sumpeople='" + row[4] + "' " +
"class='btn btn-xs btn-info glyphicon glyphicon-edit' title='传阅'></button>");
if(row[4]!=loginName&&row[6]=='1'){//已汇总但登录人不是汇总人时不能下载
button1.attr("disabled", true);
}
if($("#ifPassRole").val()=="no"){
button2.attr("disabled",true);
}
div.append(button1).append(button2);
return div[0].outerHTML;
}
showPassModel : function(e){
var viewSelf = this;//获取按钮对象,不能直接取到当前操作按钮,需要转换。
var $btn=$(e.currentTarget); //获得当前操作按钮
var templateName = $btn.data('templatename'); //获取当前按钮绑定的数据
var reportSumId = $btn.data('reportsumid');
$.ajax({
type:"POST",
url:$$ctx + "/reportResultQuery/queryUsersByRoleId",
data:{
roleId:"480"
},
success:function(result){
$("#div-passName").html("");
var htmlContent = "";
$.each(result.data,function(i,item){ //动态循环添加元素
htmlContent += '<input name="checkedUser" type="checkbox" value="'+item.ssoId+'" />'+" "+item.userName+'</br>';
});
$(htmlContent).appendTo($("#div-passName"));
}
});
$("#passModal").modal("show");
viewSelf.saveFunction(templateName,reportSumId); //传递参数
},
saveFunction : function(templateName,reportSumId){
$("button[role='saveFunction']").click(function(){
var str1 = "";
$("input[name='checkedUser']:checked").each(function(){
str1 += $(this).val()+","; //checkbox 获取选中数据 $.each();
});
$.ajax({
type:"POST",
url:$$ctx + "/reportResultQuery/savePassUser",
data:{
readUserId:str1.substring(0, str1.length-1), //截取字符串 String.substring();
templateName:templateName,
reportSumId:reportSumId
},
success:function(result){
$("button[role='saveFunction']").unbind("click"); //解绑按钮,防止多次弹出 $.unbind("click");
}
});
$("#passModal").modal("hide");
});
}


jquery获取当前按钮、截取字符串、字符串拼接、动态循环添加元素的更多相关文章
- php 获取中文长度 截取中文字符串
#获取中文长度mb_strlen($str,$encoding); #截取中文字符串 mb_substr(str,start,length,encoding);
- jQuery获取当前按钮的id
function test(e) { $(e.target).attr('id') } // 记得带上点击事件
- JQuery发起ajax请求,并在页面动态的添加元素
页面html代码: <li> <div class="coll-tit"><span class="coll-icon">& ...
- oracle操作字符串:拼接、替换、截取、查找
1.拼接字符串 1)可以使用“||”来拼接字符串 select '拼接'||'字符串' as str from dual 2)通过concat()函数实现 select concat('拼接', '字 ...
- js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值
js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jque ...
- oracle操作字符串:拼接、替换、截取、查找、长度、判断
1.拼接字符串 1)可以使用“||”来拼接字符串 select '拼接'||'字符串' as str from dual 2)通过concat()函数实现 select concat('拼接', '字 ...
- 树形菜单的json字符串的拼接
最近在学习权限管理, 要用到树形按钮, 但是字符串的拼接是一个难理解的问题, 然后从网上找了一个从前台用js来遍历组成这个json字符串, 很好! 但是没看懂... var data = [ {&qu ...
- 如何获取浏览器URL中查询字符串的参数
首先要知道Location这个对象以及这个对象中的一些属性: href:设置或返回完整的url.如本博客首页返回http://www.cnblogs.com/wymninja/ host:设置或返回主 ...
- php截取中文字符串,英文字符串,中英文字符串长度的方法
今天学习了php函数截取中文字符串,英文字符串,中英文字符串的函数使用方法.对中英文截取方法不理解,此处先做记录. PHP自带的函数如strlen().mb_strlen()都是通过计算字符串所占字节 ...
随机推荐
- 阿里面试题:为什么Map桶中个数超过8才转为红黑树
(为什么一个是8一个是6:防止频繁来回转换小消耗性能) 这是笔者面试阿里时,被问及的一个问题,应该不少人看到这个问题都会一面懵逼.因为,大部分的文章都是分析链表是怎么转换成红黑树的,但是并没有说明为什 ...
- Spark源码剖析 - SparkContext的初始化(三)_创建并初始化Spark UI
3. 创建并初始化Spark UI 任何系统都需要提供监控功能,用浏览器能访问具有样式及布局并提供丰富监控数据的页面无疑是一种简单.高效的方式.SparkUI就是这样的服务. 在大型分布式系统中,采用 ...
- Spring Boot 2程序不能加载 com.mysql.jdbc.Driver 问题
用Spring Boot Starter 向导生成了一个很简单SpringBoot程序, 用到了 MySQL, 总是下面不能加载 Mysql driver class 错误. Cannot load ...
- SQL Server进阶(十一)可编程对象——变量、 批、流元素、 游标
变量 --------------------------------------------------------------------- -- Variables -------------- ...
- ext Ext.grid.去除右边空白
1.当Scroll没有显示时,Ext.grid右边会显示一个空白间隔. 2.解决办法<View> <ext:GridView ForceFit="true" Sc ...
- 服务器中同一个【ip:port】可以多次accept的问题
一.多次bind的问题 服务器的[ip:port]被某套接字绑定成功后,在该绑定解除之前,同一个[ip:port],不能再次被其他套接字绑定,否则绑定失败 二.多次accept的问题 有外来连接时,若 ...
- [译]使用NuGet管理共享代码
原文 可以在内网部署自己的私人NuGet仓储服务. Setting it up 本例中我们创建一个发邮件的类,将其作为我们自己的NuGet包: using System; using System.N ...
- ubuntu安装matlab
https://blog.csdn.net/qq_36982160/article/details/78397514 https://blog.csdn.net/weixin_40294256/art ...
- RHEL 6.4 通过mysql安装文件安装mysql
参考文章:http://www.linuxidc.com/Linux/2013-12/93507.htm 1.首先下载mysql安装文件 我是下载的最新版的5.6 2. 以RPM方式安装MySQL 在 ...
- Webstorm快捷操作
设置和使用技巧:前端工具开发利器webstrom专篇...更新中 选中行上下移:cl+shift+上下箭头 展示文件结构图:view-tool_window-structure.具体的图标含义 生成注 ...