입력시 텍스트가 표시되지 않는 인라인 편집

격자에서 인라인 편집을 구현하려고하지만 셀 안쪽을 클릭하면 입력 한 텍스트가 표시되지 않습니다. 또한 고전적인 텍스트 슬래시 (이 메시지를 쓰는 동안보고있는 것과 같은)도 표시하지 않습니다. 이미지에서 볼 수 있듯이 셀은 집중되어 있지만 내부에 쓴 텍스트는 표시되지 않지만 Enter를 누르면 해당 셀이 내용으로 업데이트됩니다. 나는 그것을 볼 수 있도록 텍스트 색, 흰색 것을 깨달았다 위의 의견입력시 텍스트가 표시되지 않는 인라인 편집

<!-- 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 
);

출처

2014-11-17 lucasdc

그것은 바보 같은 소리 수 있지만,'input'의'color'과'배경 - color'은 무엇입니까 : 나는이 같은 color CSS 속성을 설정 해결? – melancia

Chrome/Internet Explorer/Firefox의 개발자 도구를 사용하여 INPUT에 적용된 CSS를 검사해야합니다. 흰색 위에 흰색으로 글씨를 쓰거나 투명 효과가 있습니다. – Oleg

좋습니다, 이것이 문제입니다. 색상 속성을 '검정색'으로 동적으로 변경하고 텍스트가 나타납니다. 그러나 그리드에서이 옵션을 어떻게 변경할 수 있습니까? – lucasdc

enter image description here

이 내 코드의 일부입니다.

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

출처

2014-11-17 16:49:28 lucasdc

입력시 텍스트가 표시되지 않는 인라인 편집

답변

관련 문제