3

を使用してalertify - version 0.3.11、ユーザー入力の詳細を取得し、プロンプト ダイアログで表示することができます。しかし、私には複数の値があります。ユーザー入力、ドロップダウン値、日付選択など

var totalResources = jQuery('#grid').jqGrid('getGridParam', 'selarrrow');

//set custom button title for Form Submit
    alertify.set({ labels: {
        ok     : "Submit Data",
        cancel : "Cancel"
    } });


    //fetch user input comment
    alertify.prompt("Please enter note/remarks for this Form :<br/>Total Resource(s): <strong>"+totalResources.length+"</strong>", function (e,value) {


if (e) {
    alertify.success("Data has been submitted");

            //encodes special characters remarks
            var sow = encodeURIComponent(value);

            $.post(SITE_URL+"somecontroller/someaction",$("#frm_submit").serialize()+ "&resource_ids="+resource_ids+"&sow="+sow, function( data ) {
            });


    }else{
            alertify.error("Your Data is not submitted");
    }
});

下の画像に示すように

ここに画像の説明を入力

alertify を使用して、ユーザーが事前取得された詳細を表示し、詳細を入力して送信できるモーダルフォームを作成するにはどうすればよいですか?

4

2 に答える 2

-2

それは実際には Alertify の範囲外です。そのような機能をサポートしていないだけです。confirm()や などの典型的なブラウザ組み込み関数の代わりとして設計されましたalert()。

他のプラグインを検討することもできます。特に jQuery を使用しているので、自分に合ったものを見つけるのはそれほど難しくありません。jQuery ライトボックスまたはモーダルを検索すると、探している機能を備えたものが見つかる場合があります。

1 つのオプションはFancyboxかもしれません。似たようなことをするログインフォームのデモがあります。私は Fancybox を使用したことがないので、マイレージは異なる場合がありますが、さまざまなオプションがたくさんあります。

于 2015-09-16T10:34:34.937 に答える