3

私は以下を持っています<sj:datepicker>：

<sj:datepicker
    id="dateFrom_id%{index}"  
    name="billingItems[%{index}].dateFrom" 
    value="%{billingItems[#index].dateFrom}"  
    displayFormat="dd.mm.yy"
    cssClass="customDatePicker" 
    buttonImage="/images/icons/calendar-blue.png"
    parentTheme="css_custom"
    firstDay="1"
    onBeforeTopics="beforeShow"
/>

および次のbeforeShowトピック:

$.subscribe('beforeShow', function(event, data) {

    if($(event.originalEvent.input).attr('readonly')){
        // ned to stop event
    }
});

イベントの伝播を停止するにはどうすればよいですか。私が試してみました：

event.stopPropagation();
event.preventDefault();
event.stopImmediatePropagation();

しかし、何も機能していないようです。

4

1 に答える 1

0

event.stopImmediatePropagation();代わりに使用しないでくださいstopImmediatePropagation();

これを試して

$.subscribe('beforeShow', function(event, data) {

if($(event.originalEvent.input).attr('readonly')=="readonly"){
     stopImmediatePropagation();
    alert('hi');
}
});

アラート行は実行されません。

また、 < sj:datepicker ... /> で readonly="true" を使用することを忘れないでください。例えば

<sj:datepicker
id="dateFrom_id"  
name="dateFrom" 
value="%{'today'}"
displayFormat="dd.mm.yy"
buttonImage="images/icon/Calendar-Blue.png"
cssClass="customDatePicker" 
firstDay="1"
onBeforeTopics="beforeShow"
readonly="true"
/>
于 2014-04-20T14:25:02.603 に答える