我想在InputText字段中按Enter键时创建新行来插入数据。我试图通过使用Javascript来检查是否按下了输入键并将客户端和服务器监听器设置为输入字段,但似乎无法正常工作。任何人都可以帮助我哪里出错了? 我的JSFF页面:
<?xml version='1.0' encoding='UTF-8'?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:f="http://java.sun.com/jsf/core">
<af:resource type="javascript">
function handleEnterEvent() {
var _keyCode = evt.getKeyCode();
if (_keyCode == AdfKeyStroke.ENTER_KEY ){
var comp = evt.getSource();
AdfCustomEvent.queue(comp, "EnterEvent", {fvalue:comp.getSubmittedValue()}, false);
evt.cancel();
}
}
</af:resource>
<af:table value="#{bindings.TransMstView1.collectionModel}" var="row"
rows="#{bindings.TransMstView1.rangeSize}"
emptyText="#{bindings.TransMstView1.viewable ? 'No data to display.' : 'Access Denied.'}"
rowBandingInterval="0" fetchSize="#{bindings.TransMstView1.rangeSize}" id="t1">
<af:column headerText="#{bindings.TransMstView1.hints.TrNo.label}" id="c1">
<af:inputText value="#{row.bindings.TrNo.inputValue}" label="#{bindings.TransMstView1.hints.TrNo.label}"
required="#{bindings.TransMstView1.hints.TrNo.mandatory}"
columns="#{bindings.TransMstView1.hints.TrNo.displayWidth}"
maximumLength="#{bindings.TransMstView1.hints.TrNo.precision}"
shortDesc="#{bindings.TransMstView1.hints.TrNo.tooltip}" id="it1">
<f:validator binding="#{row.bindings.TrNo.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.TransMstView1.hints.TrNo.format}"/>
</af:inputText>
</af:column>
<af:column headerText="#{bindings.TransMstView1.hints.TrDt.label}" id="c2">
<af:inputDate value="#{row.bindings.TrDt.inputValue}" label="#{bindings.TransMstView1.hints.TrDt.label}"
required="#{bindings.TransMstView1.hints.TrDt.mandatory}"
columns="#{bindings.TransMstView1.hints.TrDt.displayWidth}"
shortDesc="#{bindings.TransMstView1.hints.TrDt.tooltip}" id="id1">
<f:validator binding="#{row.bindings.TrDt.validator}"/>
<af:convertDateTime pattern="#{bindings.TransMstView1.hints.TrDt.format}"/>
</af:inputDate>
</af:column>
<af:column headerText="#{bindings.TransMstView1.hints.TrMode.label}" id="c3">
<af:inputText value="#{row.bindings.TrMode.inputValue}" label="#{bindings.TransMstView1.hints.TrMode.label}"
required="#{bindings.TransMstView1.hints.TrMode.mandatory}"
columns="#{bindings.TransMstView1.hints.TrMode.displayWidth}"
maximumLength="#{bindings.TransMstView1.hints.TrMode.precision}"
shortDesc="#{bindings.TransMstView1.hints.TrMode.tooltip}" id="it2">
<f:validator binding="#{row.bindings.TrMode.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.TransMstView1.hints.TrMode.format}"/>
</af:inputText>
</af:column>
<af:column headerText="#{bindings.TransMstView1.hints.TrType.label}" id="c4">
<af:inputText value="#{row.bindings.TrType.inputValue}" label="#{bindings.TransMstView1.hints.TrType.label}"
required="#{bindings.TransMstView1.hints.TrType.mandatory}"
columns="#{bindings.TransMstView1.hints.TrType.displayWidth}"
maximumLength="#{bindings.TransMstView1.hints.TrType.precision}"
shortDesc="#{bindings.TransMstView1.hints.TrType.tooltip}" id="it3">
<f:validator binding="#{row.bindings.TrType.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.TransMstView1.hints.TrType.format}"/>
<af:clientListener method="handleEnterEvent" type="keyPress"/>
<af:serverListener type="EnterEvent" method="#
{backingBeanScope.backing_mas.handleEnterEvent}"/>
</af:inputText>
</af:column>
</af:table>
</ui:composition>
支持bean的方法:
public void handleEnterEvent(ClientEvent ce) {
ViewObject vo = this.getTransMstView1();
vo.executeEmptyRowSet();
Row row = vo.createRow();
vo.insertRow(row);
vo.setCurrentRow(row);
}
答案 0 :(得分:0)
有一个更简单的解决方案,就是使用af:subform,它有一个名为defaultCommand的属性,它映射到一个按钮,当你在输入文本上按Enter键时会执行这个按钮!