editable.js 基于jquery的表格的编辑插件

2020-05-18 09:00:27易采站长站整理

$(td).data(“v”, t);
$(td).html(“<input type=’text’ value='” + t + “‘ ” + css + ” />”);
}
else if (obj.edittype == 2) { //select
if (obj.ctrid == undefined) {
alert(‘请指定select元素id ctrid’);
return;
}
$(td).empty().append($(“#” + obj.ctrid).clone().show());
$(td).find(“option”).filter(“:contains(‘” + t + “‘)”).attr(“selected”, true);
}
/* 可以在此处扩展input、select以外的元素编辑行为 */
}
});
}
else {
$(td).data(“v”, t);
$(td).html(“<input type=’text’ value='” + t + “‘ />”);
}
});
$tr.find(“.onok, .cancl, .edit, .del”).toggle();
return false;
}); ;
$trs.find(“.del”).click(function () {
$tr = $(this).closest(“tr”);
if (opt.ondel()) {
$tr.remove();
}
return false;
});
$trs.find(“.onok”).click(function () {
$tr = $(this).closest(“tr”);
$tds = $tr.find(“td”);
if (opt.onok()) {
$.each($tds.filter(“:lt(” + ($tds.size() – 1) + “)”), function (i, td) {
var c = $(td).children().get(0);
if (c != null)
if (c.tagName.toLowerCase() == “select”) {
$(td).html(c.options[c.selectedIndex].text);
}
else if (c.tagName.toLowerCase() == “input”) {
$(td).html(c.value);
}
/* 可以在此处扩展input、select以外的元素确认行为 */
});
$tr.find(“.onok, .cancl, .edit, .del”).toggle();
}
return false;
});
$trs.find(“.cancl”).click(function () {
$tr = $(this).closest(“tr”);
$tds = $tr.find(“td”);
$.each($tds.filter(“:lt(” + ($tds.size() – 1) + “)”), function (i, td) {
var c = $(td).children().get(0);
if (c != null)
if (c.tagName.toLowerCase() == “select”) {
$(td).html(c.options[c.selectedIndex].text);
}
else if (c.tagName.toLowerCase() == “input”) {
$(td).html(c.value);
}
/* 可以在此处扩展input、select以外的元素取消行为 */
});
$tr.find(“.onok, .cancl, .edit, .del”).toggle();
return false;
});
};
$.fn.editable.defaults = {
head: false,
/*
如果为空那么所有的列都可以编辑,并且默认为文本框的方式编辑
如下形式:
{{colindex:”, edittype:”, ctrid:”, css:”}, …}
edittype 0:input 1:checkbox 2:select
*/
//editcol:{},
/*
设置不可以编辑的列,默认为空
如下形式:
[0,2,3,…]
*/
noeditcol: [],
onok: function () {
alert(“this’s default onok click event”);
return true;
},
ondel: function () {
alert(“this’s default on del click event”);