<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>
html的table就是只读不可编辑的!根本不存在所谓的控制参数参数。
table只读的,你可以吧要输如的地方用输入框去做,把前端样式搞下
之前看过一个简单的实现,就是在最后一行添加一个按钮,把原本的内容放入到input里面作为value,修改,再点击最后的按钮,把input 的value再插入。就是楼上的做法。
我之前实现的一个,是用弹出层,把一行的内容复制到弹出层做修改,这样会比较美观一些,修改完后,再复制到原表格
表格可不可以编辑 ,那要在td里面放input,如果你想要它可编辑,就放input,其中input里type=text里的属性disabled="disabled",这个属性是禁用的 input 元素,设置这个属性readonly="readonly" 只读字段是不能修改的
我的table的列有文本框的,有复选框的,有下拉列表的,我都定义好了,就是不能编辑,绑定文本框的点上去也不能修改值