3

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

链接在这里：

<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;    }

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

4

2 回答 2

2

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

<a href="javascript:void(0);" title="Edit Book Info" onClick='resetDateAndMakeReadOnly(${deletableBook}); return performAction(${item.bookId}, "bookEdit");'>Edit</a>
于 2013-04-04T10:19:24.680 回答
0

该属性deletableBook不是布尔值，也不false是您在 javascript 函数中所期望的。在动作中切换变量 

session.put("allEditable", !(session.get("allEditable")==null?Boolean.FALSE:(Boolean)session.get("allEditable")));

然后使用

$(document).ready(function(){
    resetDateAndMakeReadOnly(<s:property value="%{#session.allEditable}"/>);
});

这将根据allEditable重新加载页面的时间重置字段属性。但是这个

<s:a href="" title="Edit Book Info" onClick="resetDateAndMakeReadOnly(%{#session.allEditable});">Make readonly</s:a>

不会重新加载页面并保留您在allEditablesession 属性中的值。该语法可能有点混淆 IDE，但正确评估 OGNL 表达式并呈现如下

<a title="Edit Book Info" onClick="resetDateAndMakeReadOnly(false);">Make readonly</a>

没有href属性，这就是页面没有重新加载的原因。

JSP 中的元素也应该可以通过id设置属性找到。

于 2013-04-04T09:59:14.280 回答