- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont?
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
您好,我正在动态创建表结构。当我单击一个包时,我将子行插入到表中并添加了一个带有子值计数的 rowspan 值。现在我必须对我使用行索引的行进行编号,但是当存在行跨度时,它应该将整行视为 1,下一个数字必须是 2。当我单击删除时,我需要删除所有跨行的子行.这是我实现的代码,
var rowspans;
var servicecount;
var cnt;
var ser = [];
var refForEmployee = new Firebase("https://kekranmekrandubai.firebaseio.com/package");
refForEmployee.on("value", function(snapshot) {
var data = snapshot.val();
var list = [];
for (var key in data) {
if (data.hasOwnProperty(key)) {
name = data[key].image ? data[key].image : '';
emp_name = data[key].package_name ? data[key].package_name : '';
service = data[key].service ? data[key].service : '';
servicecount = service.length;
console.log("service data");
console.log(service);
console.log(servicecount);
if (name.trim().length > 0) {
list.push({
image: name,
emp_name: emp_name,
services: service
})
}
}
}
// refresh the UI
refreshUI(list);
});
function refreshUI(list) {
var lis = '';
for (var i = 0; i < list.length; i++) {
var empname = list[i].emp_name;
var serc = [];
serc = list[i].services;
lis += '<div class="outlining"><div class="customize"><img class="employeeimages" src="' + list[i].image + '"></img><img src="img/bookingemployeeid.png" class="employee_id_display"><p class="firstname">' + list[i].emp_name + '<p class="lastname">Last name</p><p class="emps_id">1001</p><p class="arrays">' + serc + '</p></div></div>';
};
document.querySelector('#employee_list').innerHTML = lis;
};
$('body').on('click', '.employeeimages', function() {
var name = $(this).closest('.customize').find('.firstname').text();
var service = [];
service = $(this).closest('.customize').find('.arrays').text();
console.log(service);
//var myString = "Mr. Jack Adams";
// Create a variable to contain the array
var mySplitResult;
// Use the string.split function to split the string
mySplitResult = service.split(",");
for (i = 0; i < mySplitResult.length; i++) {
console.log(mySplitResult[i]);
$("#booktable").append('<tr><td><div class="maindiv"><div class="productdiv"><p class="select_product">Select Items</p></div><div class="employeediv"><p>' + mySplitResult[i] + '</p></div><div class="pricediv">Price</div></div></td></tr>');
}
rowspans = mySplitResult.length;
get_values(name, table_selected_index);
$(".select_employee_div").css("display", "none");
});
//booking main table
//add row to booking table
$(".useradd").click(function() {
var rows = $('#booktable tr').length;
var rowcount = rows + 1;
$("#booktable").append('<tr><td id=' + rowcount + ' class="f">' + rowcount + '</td><td><div class="maindiv"><div class="productdiv"><p class="select_product">Select Items</p></div><div class="employeediv"><input type="button" class="select_employee" value="Select Employee"></div><div class="pricediv">Price</div><div class="actiondiv"><input type="button" value="x" class="remove"/></div></div></td></tr>');
});
//remove row and dynamically changing the index value of the removed row
$("body").on("click", ".remove", function(event) {
event.preventDefault();
var table = 'booktable';
var row = $(this).closest('tr');
setTimeout(function() { // Simulating ajax
var siblings = row.siblings();
row.remove();
siblings.each(function(index) {
$(this).children().first().text(index + 1);
});
}, 100);
});
$('#booktable').on('click', '.select_employee', function() {
$(".select_employee_div").css("display", "block");
var indexOfTheChangedRow = $(this).closest("tr").index();
table_selected_index = indexOfTheChangedRow;
});
function get_values(val, rowIndex) {
console.log("inside get_values function");
console.log(val);
$('#booktable tr:eq(' + rowIndex + ')').find(".select_employee").val(val);
$('#booktable tr:eq(' + rowIndex + ')').find(".f").attr("rowspan", rowspans + 1)
};
这是我需要的表结构
这是我实现的一个 fiddle 演示。我对更改行索引和删除操作感到震惊。 Fiddle Demo请帮我编码。提前谢谢你。
最佳答案
这可能是您正在寻找的:
$('body').on('click', '.remove', function(e){
e.preventDefault();
var row=$(this).closest('tr');
row.nextAll().each(function(){
if ($('td',this).is('[rowspan]')){
$(this).remove()
} else {
row.remove(); // before exit from loop
return false;
}
})
row.remove(); //for the last TR
$('tr').each(function(i) {
$('td:first',this).text(i+1); //For re-index
});
})
或者如果您只需要删除第一行和接下来的两行,这应该可以解决您的问题:
$('body').on('click', '.remove', function(e){
e.preventDefault();
var row = $(this).closest('tr');
row.add(row.nextAll().slice(0,2)).remove();
});
关于jquery - 如何计算具有rowspan属性的表行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34155339/
SQL 和一般开发的新手,我有一个表(COUNTRIES),其中包含字段(INDEX、NAME、POPULATION、AREA) 通常我添加一个客户端(Delphi)计算字段(DENSITY)和 On
我想使用 calc(100%-100px),但在我的 demo 中不起作用由于高度只接受像素,因此如何将此百分比值转换为像素。 最佳答案 以下将为您提供高度: $(window).height();
我正在尝试在 MySQL 中添加列并动态填充其他列。 例如我有一张表“数字”并具有第 1 列、第 2 列、第 3 列,这些总数应填充在第 4 列中 最佳答案 除非我误解了你的问题,否则你不只是在寻找:
我想返回简单计算的结果,但我不确定如何执行此操作。我的表格如下: SELECT COUNT(fb.engineer_id) AS `total_feedback`, SUM(fb.ra
我一直在尝试做这个程序,但我被卡住了,我仍然是一个初学者,任何帮助将不胜感激。我需要程序来做 打印一个 10 X 10 的表格,其中表格中的每个条目都是行号和列号的总和 包含一个累加器,用于计算所有表
这个计算背后一定有一些逻辑。但我无法得到它。普通数学不会导致这种行为。谁能帮我解释一下原因 printf ("float %f\n", 2/7 * 100.0); 结果打印 1.000000 为什么会
我想计算从 0 到 (n)^{1/2} - 1 的数字的 AND每个数字从 0 到 (n)^{1/2} - 1 .我想在 O(n) 中执行此操作时间,不能使用 XOR、OR、AND 运算。 具体来说,
如何在 Excel 中将公式放入自定义数字格式?例如(出于说明目的随机示例), 假设我有以下数据: 输入 输出 在不编辑单元格中的实际数据的情况下,我想显示单元格中的值除以 2,并保留两位小数: 有没
每次我在 Flutter 应用程序中调用计算()时,我都会看到内存泄漏,据我所知,这基本上只是一种生成隔离的便捷方法。我的应用程序内存占用增加并且在 GC 之后永远不会减少。 我已将我的代码简化为仅调
我有数字特征观察 V1通过 V12用于目标变量 Wavelength .我想计算 Vx 之间的 RMSE列。数据格式如下。 每个变量“Vx”以 5 分钟的间隔进行测量。我想计算所有 Vx 变量的观测值
我正在寻找一种使用 C 语言计算文件中未知字符数的简单方法。谢谢你的帮助 最佳答案 POSIX 方式(可能是您想要的方式): off_t get_file_length( FILE *file ) {
我正在使用 Postgres,并且我正试图围绕如何在连续日期跨度中得出第一个开始日期的问题进行思考。例如 :- ID | Start Date | End Date =================
我有一个订单表格,我在其中使用 jQuery 计算插件来汇总总数。 此求和工作正常,但生成的“总和”存在问题。总之,我希望用逗号替换任何点。 代码的基础是; function ($this) {
我在使用 double 变量计算简单算术方程时遇到问题。 我有一个具有 double 属性 Value 的组件,我将此属性设置为 100。 然后我做一个简单的减法来检查这个值是否真的是 100: va
我在这里看到了一些关于 CRC 32 计算的其他问题。但没有一个让我满意,因此是这样。 openssl 库是否有任何用于计算 CRC32 的 api 支持?我已经在为 SHA1 使用 openssl,
当我在PHP日期计算中遇到问题时,我感到惊讶。 $add = '- 30 days'; echo date('Y-m-01', strtotime($add)); // result is 2017-
我正在使用 javascript 进行练习,我编写了这个脚本来计算 2 个变量的总和,然后在第三个方程中使用这个总和!关于如何完成这项工作的任何想法都将非常有用! First Number:
我有一个来自EAC的提示单和一个包含完整专辑的FLAC文件。 我正在尝试制作一些python脚本来播放文件,因为我需要能够设置在flac文件中开始的位置。 如何从CueSheet格式MM:SS:FF转
这个问题已经有答案了: Adding two numbers concatenates them instead of calculating the sum (24 个回答) 已关闭去年。 我有一个
4000 我需要上面字段 name="quantity" 和 id="price" 中的值,并使用 javascript 函数进行计算,并将其显示在字段 id= 中仅当我单击计算按钮时才显示“总
我是一名优秀的程序员,十分优秀!