内联编辑在键入时不显示文本

Question

我正在尝试在网格中实现内联编辑，但是当我在单元格内部单击时，我输入的文本没有显示出来。它也没有显示经典文本斜杠（例如我在编写此消息时看到的这个）。正如您在图像中看到的那样，单元格是聚焦的，但是我在其中写入的文本没有显示，但是当我按下回车键时，单元格会更新其内容。

这是我的代码的一部分：

<!-- jQuery-UI CSS -->
<link href="../jqGrid/css/layout/themes/flick/jquery-ui.css" rel="stylesheet" />

<!-- Standard jqGrid CSS -->
<link href="../jqGrid/css/ui.jqgrid.css" rel="stylesheet" />

<!-- jQuery -->
<script src="../bootstrap/js/jquery-1.10.2.js"></script>

<!-- jQuery UI -->
<script type="text/javascript" src="../jQuery-UI/jquery-ui-latest.js"></script> 

<!-- jqGrid --> 
<script src="../jqGrid/js/i18n/grid.locale-pt-br.js"></script>
<script src="../jqGrid/js/jquery.jqGrid.min.js"></script>

$("#grid_metadata").jqGrid({    
    url: '../json/jsonMetadata.jsp',
    datatype: 'json',
    jsonReader:{
        root: 'rows', //dados
        page: 'page', //página requisitada
        total: 'total', //total de páginas
        records: 'records' //total de registros
    },      
    pager: '#pager_metadata',
    rowNum: 10,
    rowList: [10,20,30],
    autoencode: true, 
    height: 230,
    width: 550,
    gridview: true,
    viewrecords: true,
    caption: "Campos de Metadados",
    'cellEdit': true,
    'cellsubmit' : 'clientArray',
    editurl: 'clientArray',
    colNames:['ID','Descrição','Valor'],
    colModel:[
        {name:'id', width:100, sorttype:"int", sortable: true, editable: false},
        {name:'description', width:940, sortable: true, editable: false},
        {name:'value', width:940, sortable: true, editable: true, editrules:{required:true}}
    ]
}); 

$("#grid_metadata").jqGrid('navGrid','#pager_metadata',{edit:false,add:false,del:false,search:false,refresh:false},
    {}, //edit options
    {}, //add options
    {}, //del options
    {}, //search options
    {} //refresh options
);

Answer 1

根据上面的评论，我意识到文字颜色是白色的，所以我无法看到它。我解决了它设置color这样的CSS属性：

afterEditCell: function(rowId, cellName, value, iRow, iCol) {
    var $row = $('#'+iRow+'_value'); // here "value" is the name of your column
    $row.css('color','black');
}