我的项目显示的表格很少,我尝试使用 JQuery 对话框更改数据并将数据添加到表格。 我实现了对话框和显示它的功能,并用表格中的内容填充工作正常。保存按钮也很好用,所以我将内容保存到数据库。
我的问题是,当我打开对话框时,文本框中的内容不可编辑。我把输入字段是这样的:
<input type="text" name="codice" id="codice" class="text ui-widget-content ui-corner-all" contenteditable="true" />
任何人都可以帮助我对这些字段进行编辑。 谢谢。
<div id="dialog-form" title="Gestione Tipo Appuntamento" >
<form id="dialogform" action="agendaTipoAppuntamentoSalvaJson.do" contenteditable="true" >
<input type="hidden" name="idTipoAppuntamento" id="idTipoAppuntamento" value="" />
<fieldset><table>
<tr>
<td>
<label for="codice">Codice </label>
</td><td>
<input type="text" name="codice" id="codice" class="text ui-widget-content ui-corner-all" contenteditable="true" />
</td></tr><tr>
<td>
<label for="descrizione">Descrizione </label>
</td><td>
<input type="text" name="descrizione" id="descrizione" value="" class="text ui-widget-content ui-corner-all" contenteditable="true" />
</td></tr><tr>
<td>
<label for="descrBreve">descrBreve </label>
</td><td>
<input type="text" name="descrBreve" id="descrBreve" value="" class="text ui-widget-content ui-corner-all" contenteditable="true" />
</td></tr><tr>
<td>
<label for="colore">colore </label>
</td><td>
<input type="text" name="colore" id="colore" value="" class="text ui-widget-content ui-corner-all" contenteditable="true" />
</td>
</tr>
</table></fieldset>
</form>
</div>
和JS部分调用变量:
function showUpdate(id,codice,descrizione,descrBreve,colore) {
$('#idTipoAppuntamento').val(id);
$('#codice').val(codice);
$('#descrizione').val(descrizione);
$('#descrBreve').val(descrBreve);
$('#colore').val(colore);
$( "#dialog-form" ).dialog( "open" );
}
最佳答案
这是一个错误。我找到了解决方案:
position: relative;
z-index: 9999;
进入保持形式的 div 样式,现在一切正常......
关于javascript - JQuery Dialog 不会启用更改文本字段中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8816622/