用jquery div弹出层居中怎么控制表格第一列数据居左其他列居中

来源：蜘蛛抓取(WebSpider) 时间：2017-01-25 23:12 标签： jquery div弹出层居中
11364人阅读
jquery（5）
$(&#dealCheck&,this).click(function(){//dealCheck为这个button控件ID
var recordTime=$(this).parents(&tr&).find(&.recordTime&).text();
var inspectPointId=$(this).parents(&tr&).find(&.inspectPointId&).text();
var fireAlarmStatus=$(this).parents(&tr&).find(&.fireAlarmStatus&).text();
var objectId=$(this).parents(&tr&).find(&.objectId&).text();
var fireSysId=$(this).parents(&tr&).find(&.fireSysId&).text();
window.location=&&;
通过$(this)获取所点击的按钮，
$(this).parents(&tr&)获取按钮所在行，
$(this).parents(&tr&).find(&.recordTime&).text()获取按钮所在行class为recordTime的元素的值。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：225843次
积分：1963
积分：1963
排名：第17903名
原创：39篇
评论：16条
(3)(11)(17)(1)(1)(5)(2)(2)(3)(3)目标效果：
1.点击addRow按纽实现行的增加，并且编号连续呈増序。
2.点击deleteRow按纽实现行的删除，并且被删行对象后面的行编号与被删对象前面的行编号能连贯起来。（下示例从上图中图删除了第三行之后的效果）
1.&jquery插件
2.&&jsp页面中导入jquery插件并创建表格
&script type=&text/javascript&
src=&${pageContext.request.contextPath }/script/jquery-1.8.3.js&&&/script&
&table id=&tb& border=&1px& cellpadding=&1px& cellspacing=&0px&&
&td colspan=&3&&
&input type=&button& id=&add& value=&addRow&
onclick=&addRow()&&
代码实现：
&script type=&text/javascript&&
//实现增加行
function addRow(){
//获取当前表格的行数 （注意这里的初始值为1，因为addRow按纽是第一行，而第一行数据的编号也应该为1）
//#tb 通过表格的id获取表格对象 再通过父子关系中的tr 来定位到tr对象
var tempRows = $(&#tb tr&).size();
var name = &felix&;
//创建新的一行
$tr = $(&&tr&&/tr&&);
//创建新的一行的第一列，即第一个td，也就是行编号这个单元格(并设置id属性，为后面的删除操作中需要定位到具体哪一行做准备)
$tdNum = $(&&td id=\&&+tempRows+&\&&&/td&&);
//text()方法为jquery对象的文本内容赋值。
//第一次增加则第一行的编号为1，第二次增加的时候已经有两行了，所以tempRows的值为2，刚好第二行数据编号也应该为2
$tdNum.text(tempRows);
//创建第二列，即第二个td，也就是名字这个单元格
$tdName = $(&&td&&/td&&);
$tdName.text(name);
//创建第三列，即第三个td，也就是删除按钮这个单元格
$tdDelete = $(&&td&&/td&&);
//创建删除按钮
//在删除function中传入this关键字，即当前对象，也就是这一行的这一个删除按钮
$deleteButton = $(&&input type='button' value='deleteRow' onclick='deleteRow(this)'&&);
//将删除按钮添加到第三列，即第三个td(单元格)里面去
$tdDelete.append($deleteButton);
//依次将三个td对象(行编号、名字、删除按钮)添加到tr对象里面去
$tr.append($tdNum);
$tr.append($tdName);
$tr.append($tdDelete);
//最后将已经囊括了三个td对象的tr对象添加到表格里面去
$(&#tb&).append($tr);
//a代表需要传递的参数
function deleteRow(a){
//通过传递过来的this关键字，即当前操作对象，定位到删除按钮，
//再通过parent()定位到所在的td对象，进而再通过parent()定位到td对象所在的tr对象，最后将这个tr对象删除
$(a).parent().parent().remove();
//获取当前要删除的行的编号
//parent()定位到td对象，两次prev()依次定位到第二个td和第一个td，
//最终text()获取第一个td的数据，即行编号
var rowNum = $(a).parent().prev().prev().text();
//获取总行数
//(注意是删除后的总行数，与下面for循环中的&=相对应，若在删除操作之前获取总行数，则在for循环应将结束循环的条件定义为i&temRows)
var temRows = $(&#tb tr&).size();
//i=parseInt(rowNum)+1
： 从下一行(即被删除行的后面一行)开始逐行修改编号
//前面的行编号不动，但后面的编号需要减1
//pareseInt方法将字符串数据变为int类型
for(i=parseInt(rowNum)+1;i&=temRi++){
//通过id选择器获取到具体的哪一行的第一列，并将第一列，即行编号这个单元格中的数据减1
$(&#&+i).text(i-1);
//同时通过attr(&属性名&,属性值)方法将其id属性也减1
$(&#&+i).attr(&id&,i-1);
只要在路上，就终会成为大牛！
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1353次
排名：千里之外easyui中datagrid标题居中内容居左实现方式
& & & & easyui中的datagrid使用起来，确实还是挺轻巧方便，但是其中也有不少的问题，尤其遇到客户的一些特殊的需求时往往实现得不是很好。这个时候就需要我们自己动手来修改easyui的源码了。easyui的源码我也稍有阅读，其中的设计方式确实
19:42&&&[]
jquery&easyui&怎么设置标题列居左，里面的数据列居右？
回复讨论(解决方案)
貌似没这功能,column的align属性是共享的
要么下个源代码改改...
如这种写法
$(function(){ $('#tt').datagrid({ url
-18:14&&&[]
&div&align=&center&&
xxxxxxxxxxxxxxxx
让红色的字在页面中居左
回复讨论(解决方案)
没看懂你想表达的意思：
&&&&div&nbsp
16:56&&&[]
回复讨论(解决方案)
好像是用&|&?行分隔吧.比如:
&打印日期:xxxx|第x?,共y?|作者:xx&
??的?,&打印日期:xxxx&在最左?,&第x?,共y?&在中
18:59&&&[]
在控件属性页里有，设置选项，但设置完毕后，运行程序，就不显示数据了
回复讨论(解决方案)
在datagrid控件上右单击鼠标选择“检索字段”，然后再运行程序试试。
21:54&&&[]
;字体不要居中，下面的图片要居中&/p&
&p&&img&src=&/static/image/common/logo.png&&/&&/p&
03:57&&&[]
&ItemStyle&HorizontalAlign=&Center&&&/ItemStyle&
或者，直接在vs.net里面通过图形方式设置：
右击DataGrid-&属性-&格式-&展开需要设置的列-&页眉-&gt
19:23&&&[]
正如图中所示：如何让RadioButtonList中的选项垂直居左对齐？
在网上查到的方法为讲外层的td(或th)的text-align属性设置为center，但是设置了之后效果是下面的样子：
大神们能帮我解决这个问题吗？
回复讨论(解决方案)
亲，F12看一眼样式，到底是
09:42&&&[]
样式设置得不起作用,Datagrid的数据列没有居左显示,请问样式应该如何修改?
&style&type=&text/css&& .tableList&Class1{text-align:left} &&&nbsp
00:30&&&[]
样式设置得不起作用,Datagrid的数据列没有居左显示,请问样式应该如何修改?
&style&type=&text/css&& .tableList&Class1{text-align:left} &&&nbsp
15:43&&&[]
使用MS&DATAGRID,可以设置每一列是否居中显示,也可以设置每一列的标题
但是没找到使每一列的标题居中显示的函数
哪位高手帮帮忙?多谢啊~
回复讨论(解决方案)
分已经加到50了
这个供你参考&，我以前使用过的。
但是，我推荐你使用GRIDCTRL
19:44&&&[]
各位高手：
两个问题：
1、怎么让datagrid控件里的内容居中？
2、sql中自动增长id，一般默认是4位的int型，那如果记录到10000，会出现什么情况？
回复讨论(解决方案)
试试下面的代码。来自 http://bingning.net/VB/SOURCE
20:00&&&[]

我要回帖

更多关于 jquery div弹出层居中 的文章

 

随机推荐