1

12 個のテキスト領域を使用して、ユーザーから 12 個の入力を取得したいと考えています。これらのテキスト領域は、jquery ui カスタム ポップアップ ダイアログ ボックス内に表示する必要があります。このポップアップ ダイアログ ボックスは、ボタンのクリック時にのみ表示する必要があります。次に、各テキストボックスに50文字を入力したいので、ワードラップ機能とともにハイチャートの折れ線グラフにツールチップとして表示されます..

テキスト領域を使用してユーザーから入力を受け取ることができましたが、jquery ui を使用してこれらのテキスト領域をポップアップ ダイアログ ボックス内に配置するのに問題があります。ボタンをクリックし、ポップアップ ダイアログ ボックスの複数のテキスト領域内にデータを入力した後にのみ表示されます...

このリンクでhttp://jsfiddle.net/RbenU/3/ ツールチップに使用されるコードは 

             tooltip: {
           formatter: function () {
            var serieI = this.series.index;
            var index = dataValues.indexOf(this.y);
           var index1= dataValues2.indexOf(this.y);
           debugger;
            var comment = "";
            if (serieI == 0) {
                comment = $("input:eq(" + (index) + ")").val();
            } else {
               //comment = "second serie matched!";
                comment = $("input:eq(" + (index1) + ")").val();
            }
            return 'The value for <b>' + this.x +
                '</b> is <b>' + this.y + '</b> -->' + comment;
        }
    },

12個のテキストボックスの作成に進む前に、最初にポップアップダイアログボックスにテキストボックスを表示したかったので、4個のテキストボックスのみを使用しました...

助けてください...

4

1 に答える 1

0

ここでモーダル フォームの例を見てみましょう: * http://jqueryui.com/dialog/#modal-form ユーザーが押すと:

        ...
            modal: true,
            buttons: {
            "Create an account": function() { 
              //get the form values or post the form here
        ...

一般に、最初に jQuery の例を参照してニーズを見つけ、API を使用して詳細を確認してください。

于 2013-05-07T09:17:09.113 に答える