qq_26624753 2017-03-08 07:02 采纳率: 100%
浏览 5536
已采纳

JS里面怎么控制html里面的table是否可编辑,或者在html里面控制?

 <th field="Code"       sortable="true" align="left"    width="60" editor="{type:'validatebox' ,options:{required: true }}">编码   </th>

JS里面怎么控制html里面的table是否可编辑,或者在html里面控制?
网上搜了,实现不成,有没有大神给我指导下,发链接朋友的就不必了,
就是可以根据某个参数来弄的,一个表格的不同行,或者不同表格的编辑状态

  • 写回答

6条回答 默认 最新

  • Go 旅城通票 2017-03-08 13:47
    关注

    不懂你要说什么。。是将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, '&quot;') + '"/>'
                tr.cells[1].innerHTML = '<input type="text" value="' + tr.cells[1].innerHTML.replace(/"/g, '&quot;') + '"/>'
            }
            else {
                tr.cells[0].innerHTML = tr.cells[0].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;')
                tr.cells[1].innerHTML = tr.cells[1].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;')
            }
        }
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥15 matlab求解平差
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料
  • ¥15 使用R语言marginaleffects包进行边际效应图绘制
  • ¥20 usb设备兼容性问题
  • ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
  • ¥15 安装svn网络有问题怎么办
  • ¥15 vue2登录调用后端接口如何实现
  • ¥65 永磁型步进电机PID算法
  • ¥15 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?