如何在ajax成功后禁用signaturePad (canvas

Question

我正在使用这个plugin。

我的应用程序通过ajax调用提交签名。在一个成功的ajax返回，我想禁用用户的任何签名更改。我尝试的最后一件事是下面的，但签名板仍然处于活动状态，并且正在绘制线条(侦听器afe未分离)：

   function showResponse(itemJson, statusText, xhr, $form) {

    if (itemJson.status == 'success') {

        debugger;

        $($form.find('.clearButton')).remove();
        $($form.find('button')).remove();

        $form.find('input').attr('readonly', 'readonly');

        var api = $form.signaturePad();
        var sig = api.getSignatureString();

        api.updateOptions({displayOnly: true})
//        $form.signaturePad({displayOnly: true}).regenerate(sig);

    }
}

有没有人知道如何更新现有的signaturePad，使其变成禁用模式？

Answer 1

我通常使用：

api.off();

它可以在我的软件中工作

Answer 2

对于在使用React包react-signature-canvas时找到此线程的任何人，您可以通过调用padRef.current.off().禁用它

以下是显示给定签名(sigValue)并被禁用的键盘的基本示例

const SignatureDisplay = ({ sigValue }) => {
  const padRef = useRef({})

  useEffect(() => {
    padRef.current.fromData(sigValue || [])
    padRef.current.off()
  }, [])

  return (
    <SignaturePad
      ref={padRef}
      canvasProps={{
        height: 200,
        width: 400
      }}/>
  )
}

Answer 3

添加到jquery.signaturepad.js中：

​

  $.extend(self, {
    /**
     * A property to store the current version of Signature Pad
     */
    signaturePad : '{{version}}'
...
    , disableCanvas : function () { disableCanvas() }    

    , clearAndDraw : function () { drawIt() }
...

​

要使用它：

$sigPadElem.signaturePad().disableCanvas();

或者：

$sigPadElem.signaturePad().clearAndDraw();

我想知道这个功能是否可以在不修改插件的情况下完成？(顺便说一句，我不能给我自己赏金...)