Jquery实现双击表单元格可编辑

<script type="text/javascript">
function doTableTdEditClick(param){
    doTdEditable(param);
}
function doTdEditable(param){
    var input ="<input type=‘text‘ id=‘temp‘ value=‘"+$(param).text()+"‘ />";
    $(param).text("").append(input);
    var inputObj = $(param).find("input");
    inputObj.focus();
    inputObj.dblclick(function(){
        inputObj.blur();
        return;
    });
    inputObj.blur(function(){
        if($(this).val()==""){
            $(this).closest("td").text(" ");
        }else{
            $(this).closest("td").text($(this).val());
        }
        return;
    });
}
$("table.tableTdEdit").find("TD.cellEdit").each(function(index,domEle){
    $(domEle).css("background","#3A96F6");
    $(domEle).attr("ondblclick","doTableTdEditClick(this);");
    return;
});
</script>
时间: 2024-08-21 03:03:48

Jquery实现双击表单元格可编辑的相关文章

请教 JTable 里的单元格如何使得双击进入单元格后,单元格的内容处于全选中状态

http://bbs.csdn.net/topics/390195204 ———————————————————————————————————————— java 达人, 最近在开发一个 java 模块,用到了 JTable.现在对 JTable 里的单元格的操作中,在双击进入单元格后,单元格的内容不是全选中状态. 请问有啥办法使得双击进入单元格后,单元格的内容处于全选中状态?如下面的图片所示 十分感谢! 下面是已经写好的代码: Java code? 1 2 3 4 5 6 7 8 9 10

控制extsj4.1 gridpanel表格行或者单元格的编辑

情境描述: 如上图是一个可编辑的gridpanel表格,现在需要做的是让第一行不能编辑,第二行可以编辑,或者这两行中一行的任意一个表格可编辑,另一行的该表格不可编辑. 这个问题其实就是控制单元格的编辑,有两种实现方式. 方式1,在CellEditing插件的beforeedit事件中控制,看一个代码截图 定义一个二维数组,对应表格的单元格,如果想让哪个单元格不可编辑,就在数组中对应的值为false,然后在beforeedit事件中return该数组的值,当然实际开发中可以灵活生成editable

C# DataGridView中指定的单元格不能编辑

ReadOnly属性的使用 DataGridView内所有的单元格不能编辑 当DataGridView.ReadOnly属性设定为True时, DataGridView内所有的单元格不能编辑. 但是使用这种方法可以对行进行删除.而且最下面的一行被表示,但不能输入. [c-sharp] view plaincopyprint? // DataGridView1的单元格只读 DataGridView1.ReadOnly = true; 只有被指定的列.行.单元格不能编辑 只有被指定的列.行.单元格不

JQgrid实现全表单元格编辑

1 jQuery("#baseWageDataValueGrid").jqGrid('setGridParam',{'cellEdit':true}); 2 3 //修改所有td tabindex 4 var tdList = $('#baseWageDataValueGrid').find('td'); 5 if(!!tdList && tdList.length>0){ 6 $.each(tdList,function(i,o) { 7 $(o).attr('

jQuery实现HTML表格单元格的合并功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

ABAP ALV单个单元格状态编辑-简单版本

*&---------------------------------------------------------------------* *& Report  ZPPR0024 *& *&---------------------------------------------------------------------* *& *& *&--------------------------------------------------

jQuery实现HTML表格单元格的合并功能(合并内容相同的行或列)

/** * desc : 合并指定表格(表格id为table_id)指定列(列数为table_colnum)的相同文本的相邻单元格 * @table_id 表格id : 为需要进行合并单元格的表格的id.如在HTMl中指定表格 id="data" ,此参数应为 #data * @table_colnum : 为需要合并单元格的所在列.参考jQuery中nth-child的参数.若为数字,从最左边第一列为1开始算起;"even" 表示偶数列;"odd&quo

vue elementui table 双击单元格实现编辑,聚焦,失去焦点,显示隐藏input和span

<el-table :data="tableData" class="tb-edit" style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange" highlight-current-row @cell-dblclick="dblhandleCurrentChange">

Java Swing Jtable 单元格不可编辑

使用Jtable时候,我建议自定义一个Jtable,这样的好处很多 比如,table的很多样式需要你自己定义,行高,隔行变色等等,如果你单独的去创建一个原生的Jtable 则需要每个都去设置. 还有另外一个原因,UIManager由于平台的相异,不能全局设置Jtable . —–在你自定义的表格中重写以下方法就可以实现不可编辑了—- @override public boolean isCellEditable(int row, int column) { return false; }