点击table的td单元格出现dialog弹窗,获取值后将值放回td单元格
来源:互联网 发布:单片机电源插口 编辑:程序博客网 时间:2024/05/16 08:16
用dialog做个弹窗,做了一天一夜终于在各种百度下一点一点试出来了。 $("#table1 td").on('click',function () { <!--获取所点击单元格td的id--> var eachTdId=$(this).attr("id"); <!--此为难点,下面一步可以根据所点击的id与已存在的列id比较,可为table中的哪几列执行弹窗事件,--> if(eachTdId=="tdoriCodeBk" || eachTdId=="tdoriCodeBk2" || eachTdId=="tdoriCodeBk3"){ <!--获取所点击单元格的列数-->var tdSeq = $(this).parent().find("td").index($(this)); <!--获取所点击单元格的行数--> var trSeq = $(this).parent().parent().find("tr").index($(this).parent()); <!--dialog插件-->var d = dialog({ title: '备用元数据添加', <!--跳出的弹窗链接到控制器--> url: '${base}/cis/cisDataItemDef/itemDefList', <!--关闭弹出后执行的function函数--> onclose:function(){ <!--难点,将子界面传来的值放回到所点击的单元格input框中,在tr:eq("+trSeq+") 比较是,必须用+号才能将var类型装成数字比较--> $("#table1 tr:eq("+trSeq+") td:eq("+tdSeq+") input").val($("#hide").val()); }}); d.height(450) d.width(750) d.showModal(); } }); 控制器代码@RequestMapping("/itemDefList") public String itemDefList(){ return "/cis/cisDataItemDef/cisDataItemDefList.ftl"; }控制器转到ftl页面,出现弹窗内容的jquery代码<script>$("#save").on("click",function(){ <!--获取所点击行的内容--> var rows = $('#table').bootstrapTable('getSelections'); var code = []; for(var i=0;i<rows.length;i++){ code.push(rows[i]['oriCode']); } if(code.length==0){ alert("请选择要添加的元素"); return false; } window.returnvalue=rows;$("aa").value=rows; var d = ar_.getDialog(parent);/* parent.dialog.get(window); */ <!--将处理的值放到父页面的一个隐藏域中--> $(window.parent.$("#hide").val(code)); <!--关闭弹窗--> d.close(); }});
0 0
- 点击table的td单元格出现dialog弹窗,获取值后将值放回td单元格
- 获取任意选中单元格的td--id
- 改变某个单元格的背景 html table td bgcolor
- JavaScript去除table最后一个单元格td的双边框
- <table>合并单元格&图片铺满整个<td>
- 关于前台合并获取后台动态table中数据相同的单元格的问题;th td合并
- js 点击table 获取单元格的值
- TD单元格背景颜色的变换效果
- tr td分合并单元格
- 表格单元格td设置宽度无效的解决办法
- <th>和<td>标签都是用于表格单元格显示的。
- HTML+CSS基础 table中的tr中的td的colspan属性创建跨列的单元格(创建不规整表格)
- HTML+CSS基础 table中的tr中的td的rowspan属性创建跨行的单元格(创建不规整表格)
- 获取table的tr和td值
- 鼠标点击 获取td的值
- css解决td单元格内文字溢出
- 设置<img>在表格<table>中的单元格<td>中水平垂直居中
- css实现table中td单元格鼠标悬浮时显示更多内容
- ConcurrentModificationException解决方法
- Echart去掉X轴、Y轴的网格线
- web开发_虚拟路径
- 屏幕适配和Android单位总结
- webpack使用--loader和插件
- 点击table的td单元格出现dialog弹窗,获取值后将值放回td单元格
- 怎样获取apk的package 和 activity
- Codeforces755D (segment tree,implementation)
- STM32L431之SPI时钟过高导致无法通信
- windows 拨号和linux拨号
- 【POJ】3281 Dining
- 投简历的事情~
- Get传值乱码
- Python爬虫实战之使用Scrapy爬起点网的完本小说