<th field="Code" sortable="true" align="left" width="60" editor="{type:'validatebox' ,options:{required: true }}">编码 </th>
JS里面怎么控制html里面的table是否可编辑,或者在html里面控制?
网上搜了,实现不成,有没有大神给我指导下,发链接朋友的就不必了,
就是可以根据某个参数来弄的,一个表格的不同行,或者不同表格的编辑状态
<th field="Code" sortable="true" align="left" width="60" editor="{type:'validatebox' ,options:{required: true }}">编码 </th>
JS里面怎么控制html里面的table是否可编辑,或者在html里面控制?
网上搜了,实现不成,有没有大神给我指导下,发链接朋友的就不必了,
就是可以根据某个参数来弄的,一个表格的不同行,或者不同表格的编辑状态
不懂你要说什么。。是将td内容的转为可以编辑的还是什么,如果是在同一行的列增加编辑按钮,点击将同行的td转为input进行编辑
<table border="1">
<tr><td>1-1</td><td>1-2</td><td><a onclick="Edit(this)">编辑</a></td></tr>
<tr><td>2-1</td><td>2-2</td><td><a onclick="Edit(this)">编辑</a></td></tr>
<tr><td>3-1</td><td>2-2</td><td><a onclick="Edit(this)">编辑</a></td></tr>
</table>
<script>
function Edit(a) {
var tr = a.parentNode.parentNode, toEdit = a.innerHTML == '编辑';
a.innerHTML = toEdit ? '保存' : '编辑';
if (toEdit) {
tr.cells[0].innerHTML = '<input type="text" value="' + tr.cells[0].innerHTML.replace(/"/g, '"') + '"/>'
tr.cells[1].innerHTML = '<input type="text" value="' + tr.cells[1].innerHTML.replace(/"/g, '"') + '"/>'
}
else {
tr.cells[0].innerHTML = tr.cells[0].firstChild.value.replace(/</g, '<').replace(/>/g, '>')
tr.cells[1].innerHTML = tr.cells[1].firstChild.value.replace(/</g, '<').replace(/>/g, '>')
}
}
</script>