小编Sea*_*ing的帖子

如何在 CSJS 中获取重复控制的索引

我在互联网上搜索过,发现这个 Xpages 在 CSJS 中获得了重复索引但是......它对我不起作用

这是我的代码(部分)

<xp:repeat id="repeat1" rows="30" var="currentDetail" indexVar="detailIndex" value="#{LeaveBean.details}">
    <xp:inputText id="leavefrom" value="#{currentDetail.subfromtime}">
           <xp:eventHandler event="onblur" submit="false" refreshMode="partial" refreshId="repeat1">
                     <xp:this.script><![CDATA[........]]></xp:this.script>
          </xp:eventHandler>
    </xp:inputText></xp:repeat>
Run Code Online (Sandbox Code Playgroud)

我想要做的是一旦用户单击输入字段,然后我就可以得到他编辑的哪一行,我像 LeaveBean.dosomething( detailIndex )一样使用了 ssjs ,但是如何获取 csjs 中的索引?

Marky Roden(对我来说很棒的人 XD)建议使用 attr 来获取它......但是......我是 xpages 的全新人,所以不知道如何将它添加到我自己的代码中,我的意思是,我试图添加诸如

<xp:this.attrs>
     <xp:attr name="seanIndex"
      value="???">
     </xp:attr>
</xp:this.attrs>
Run Code Online (Sandbox Code Playgroud)

但该值不能像#{detailIndex},否则页面会崩溃……那我现在该怎么办……

indexof repeat xpages

1
推荐指数
1
解决办法
695
查看次数

如何在重复控制中获取元素id

这是我的问题,我想在网页加载时动态设置元素的CSS,所以我用过

$(document).ready(function(){
    x$("#{id:normalline}").css('margin-Left', '-68px');
}); 
Run Code Online (Sandbox Code Playgroud)

是的,我使用了函数x $(idTag,param)...我试图使用$("[id $ ='#{id:normalline}']").css要么,当元素为'时,它们都能正常工作'在重复控制中...但是......一旦元素被包含在重复中,它就不再起作用了.代码在这里:

updated
Run Code Online (Sandbox Code Playgroud)

我想你们注意到重复中有一个按钮和另一个获取元素id的函数,奇怪的是它真的有效!那么为什么当我尝试初始化它时它不起作用?我检查了源代码,元素变成了

x $(" view:_id1:repeat1:normalline ").css('margin-Left',' - 68px');

但真正的元素是

<' div'id =" view:_id1:repeat1:0:normalline "class ="line-normal-wrapper">

或者如果在页面加载时有任何其他方式设置css?

更新:这是我正在做的项目,希望你们在这里不介意汉字

在此输入图像描述

我希望以ios-delete-style的形式实现这个效果,当你点击Minus按钮时,那个scroll的div可以向左移动68px,我知道有很多jquery的东西可以做到,但现在我想要专注如何设置normalline的css以这种方式实现...

<xp:repeat id="repeat1" rows="30" var="currentDetail"
        indexVar="detailIndex" value="#{LeaveBean.details}"
        repeatControls="false">

        <xp:div styleClass="line-wrapper">
            <xp:div id="scrollline"
                styleClass="line-scroll-wrapper">
                <xp:div id="normalline"
                    styleClass="line-normal-wrapper">
                    <xp:div
                        style="width:26px;margin-top:50px;margin-left:10px;float:left;">
                        <xp:image url="/remicon.gif" id="image2"
                            style="height:24.0px;width:24.0px">
                            <xp:eventHandler event="onclick"
                                submit="false" id="eventHandler5">
                                <xp:this.script>
                                    <xp:executeClientScript>
                                        <xp:this.script><![CDATA[x$("#{id:scrollline}").css('margin-Left', '-68px');
                                         ]]></xp:this.script>
                                    </xp:executeClientScript>
                                </xp:this.script>
                            </xp:eventHandler>
                        </xp:image>
                    </xp:div>
                </xp:div>
                <xp:div id="deletebtn"
                    styleClass="line-btn-delete">
                    <xp:button value="??" id="button2"
                        style="font-size:13pt;border: none;color:rgb(255,255,255);width:100%;height:128px;background-color:rgb(255,0,0)">
                        <xp:eventHandler event="onclick"
                            submit="false" refreshMode="partial" refreshId="repeat1">
                            <xp:this.action>
                                <![CDATA[#{javascript:LeaveBean.removeDetail(detailIndex);}]]> …
Run Code Online (Sandbox Code Playgroud)

css jquery xpages

1
推荐指数
1
解决办法
284
查看次数

标签 统计

xpages ×2

css ×1

indexof ×1

jquery ×1

repeat ×1