Dieses Mal bringe ich Ihnen jQuery zum dynamischen Betreiben von Tabellenzellen. Was sind die Vorsichtsmaßnahmen für jQuery zum dynamischen Betreiben von Tabellenzellen?
JS-Maus-Doppelklick-EreignisonDblClick
<td width="10%" title="双击修改" ondblclick="ShowElement(this,<%#Eval("id") %> </td>
Der Wert, den ich hier binde, ist die ID-Nummer, die der aktuellen Zeile entspricht, die in
function ShowElement(element, productid, flag, ishotorcommend) { if (flag == 0 && ishotorcommend == 0) { alert("请先设置该产品为推荐"); return; } if (flag == 1 && ishotorcommend == 0) { alert("请先设置该产品为热销"); return; } var oldhtml = element.innerHTML;//原单元格里的值 var str = "<input type='text' name='test' style='width:50%;'"; str += "onkeypress='return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46'"; str += "onpaste='return !clipboardData.getData('text').match(/\D/)'"; str += "ondragenter='return false' />"; var newobj = document.createElement(str); //创建新的input元素 newobj.setAttribute("value", oldhtml);//把原来单元格中的值赋给文本框 newobj.onblur = function() { element.innerHTML = this.value ? this.value : oldhtml; //当触发时判断新增元素值是否为空,为空则不修改,并返回原有值 var sort = element.innerHTML; $.get("UpdateFlag.ashx?sort=" + sort + "&&productid=" + productid + "&&flag=" + flag, function(data) { }); } element.innerHTML = ''; element.appendChild(newobj);//把新的值赋到单元格 newobj.focus(); }
I übergeben wurde Glauben Sie es Nachdem Sie den Fall in diesem Artikel gelesen haben, beherrschen Sie die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
jquery erkennt, dass nur Zahlen in das angegebene Textfeld eingegeben werden können
So verwenden Sie Mobile um zu steuern, wann die Seite Request
Das obige ist der detaillierte Inhalt vonjQuery bearbeitet Tabellenzellen dynamisch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!