开发者

Richfaces calendar - how to disable popup of calendar after page is loaded

开发者 https://www.devze.com 2023-01-14 17:58 出处:网络
<rich:calendar id=\"orderpickDate\" oninputfocus=\"check(#{myForm.packingListId})\" When creating a calendar you get an input field and an img that popups the calendar.
<rich:calendar id="orderpickDate" oninputfocus="check(#{myForm.packingListId})"

When creating a calendar you get an input field and an img that popups the calendar.

In the js function I can disable the input field:

function check(packId) {
  var canEditThisDate = true;

  // canEditThisDate = true/false <--  checked using jQuery.ajax() if date can still be
  // updated by the user


  if (! canEditThisDate) 开发者_Python百科{
    jQuery("input[id='shipmentForm:orderpickDateInputDate']").attr("disabled", true);
  }
}

The input field can then not be changed manually. But you can still click on the img and select a date and then the input field is updated with the selected day.

How can I disable the richfaces popup in the js function?


Found a simple solution.

The input field id = shipmentForm:orderpickDateInputDate

The img id = shipmentForm:orderpickDatePopupButton

I Use following JQuery code:

        jQuery("[id*='shipmentForm:orderpickDate']").hover(function() {
            checkIfOrderPickDateCanBeUpdated(#{shipmentForm.currentPackingList.id});
        });

And hide/show the img:

    function checkIfOrderPickDateCanBeUpdated(packId) {
        var ret = false;

        jQuery.ajax({
              url: '/wms/seam/resource/dbutil?cmd=getFreightDocIdByPackId&amp;packId=' + packId,
              async: false,
              success: function(data) {
                  if (data == "0") {
                      ret = true;
                  } else {
                      ret = false;
                  }
             }
        });

        if (ret) {
            // enable order pick date field
            jQuery("input[id='shipmentForm:orderpickDateInputDate']").removeAttr("readonly");
            jQuery("img[id='shipmentForm:orderpickDatePopupButton']").show();
        } else {
            jQuery("input[id='shipmentForm:orderpickDateInputDate']").attr("readonly", true);

            jQuery("img[id='shipmentForm:orderpickDatePopupButton']").hide();
        }

        return ret;
    }
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号