p:默认情况下可数据表行可编辑

时间:2013-09-10 19:49:21

标签: jsf jsf-2 primefaces datatable

所以我有p:commpandButton在ajax上加载p:datatable见图1。 我希望p:datatable默认情况下在可编辑模式下(加载时)见图2

图片一: enter image description here

图片二:  enter image description here

这里是p:datatable:

<ui:composition template="/template/mastertemplate.xhtml">
  <ui:define name="content">
    <h:form styleClass="form" prependId="false">
      <p:panel id="analysisTheBudgetPenel" header="Analysis The Budget">
        <p:tabView id="scenarioTabViewId" style="width:850px">
           <p:tab title="Scenario One" id="scen">
              <h:selectBooleanCheckbox id="isApprovedBooleanId_checkBox" value="#{budgetAnalysisAction.budgetScenarioHescoProposalBean.abc}" />
              <p:scrollPanel style="width:800px; height:auto;">
              <p:dataTable id="budgetAnalysisDataTableId" rowIndexVar="index" editable="true" resizableColumns="true" value="#{budgetAnalysisAction.budgetScenarioHescoProposalBean.budgetScenarioHescoProposalListBean}" var="budgetScenarioHescoProposalList">
                 <p:ajax event="rowEdit" process="#{scenarioTabViewId:isApprovedBooleanId_checkBox}" listener="#{budgetAnalysisAction.testAjax}" />
// some columns
// closing tags of above

2 个答案:

答案 0 :(得分:2)

body标记包含onload事件,该事件会在加载页面时触发事件,因此您可以通过以下方式触发点击事件至pen图标:

<body onload="$('.ui-icon.ui-icon-pencil').click();">

答案 1 :(得分:0)

我在p:commandButton

的完成时使用了这个事件
<p:commandButton id="isFinancialYearSubmitId" value="submit" update="panelGridId scenarioTabViewId:budgetAnalysisDataTableId scenarioTabViewId:selectColumnId scenarioTabViewId:isApprovedBooleanId_checkBox " action="#{budgetAnalysisAction.isFinancialYearOpened}" oncomplete="handleComplete(xhr, status, args); isFinancialYearOpenedOnComplete('analysisTheBudgetForm'); $('.ui-icon.ui-icon-pencil').click();"/>