javascript - Struts 2 中的 JavaScript 函数未设置 readOnly 属性

Question

我正在尝试创建一个编辑链接，以便在单击它时以只读模式打开该行的详细信息。

这是链接:

<c:set var="deletableBook" value="0"/>

<a href="" title="Edit Book Info" onClick='resetDateAndMakeReadOnly(${deletableBook}); return performAction(${item.bookId}, "bookEdit");'>Edit</a>

下面是被调用的函数:

function resetDateAndMakeReadOnly(allEditable) {      
 var e22 = document.getElementById('book_Date');
 var e3 = document.getElementById('book_type');
 var e4 = document.getElementById('book_Number');
 if (allEditable){
     e22.readOnly=false;
     e3.disabled=false;
     e4.readOnly=false;
     alert("read and write");
 } else {
     e22.readOnly=true;
     e3.disabled=true;
     e4.readOnly=true;
     alert("readOnly new");
 }
 e22.value = "<c:out value='${params.book_Date}'/>";
 return false;    }

目前运行此方法时似乎没有任何变化。我已经确认它进入了逻辑的正确部分，但内容仍然是可编辑的。

Answer 1

这是因为您正在使用带有空 href 的链接来触发您的 javascript 函数，这将重新加载您的页面。在 href 中使用 javascript:void(0);。

<a href="javascript:void(0);" title="Edit Book Info" onClick='resetDateAndMakeReadOnly(${deletableBook}); return performAction(${item.bookId}, "bookEdit");'>Edit</a>