1

私のアプリには、チェックボックスをオンにしてドキュメントを選択するオプションがあります。次に、ユーザーが送信ボタンをクリックすると、削除対象として選択したすべてのドキュメントを示す確認ボックスが表示されます。選択したすべてのドキュメントを配列に保存します。ここで、適切にフォーマットされた方法でドキュメント リストを表現したいと考えています。お気に入り

Warning: Below mentioned documents will be deleted, review them and click OK to proceed.

 1. Document 1
 2. Document 2
 3. Document 3
 n. Document n

したがって、確認ボックスは上記のようになります。confirmこれはデフォルトのボックスを使用して行うことができないため、使用jQuery UI dialogしましたが、フォーマットすることもできません。誰かがフォーマットを手伝ってくれますか? 確認ボックスにリストを表示するために利用できる他のオプションはありますか?

私が試したこと。

4

3 に答える 3

2 
var str="";
for(var i=0;i<arrayis.length;i++){
str+=(i+1)+")"+arrayis[i]+"<br/>";
}


ConfirmDialog("Below mentioned documents will be deleted, review them and click OK to proceed?"+"<br/>"+str);

http://jsfiddle.net/nM3Zc/1003/

于 2013-08-27T09:10:48.323 に答える
0

これが古いことは知っていますが、目前の問題にヒットし、最終的には単純になり、今日私に起こっていました。

.html() の代わりに .text() を使用して、書式設定されたテキストの文字列をダイアログ div に追加していました 間違った方法:

$( "#dialog-message-div" ).text(str);

これにより、すべての HTML 文字がエスケープされました...書式設定が削除されましたが、技術者ではないユーザーに「技術的な」ものを表示する...HTML!

正しい方法: .text() を .html() に変更するだけで、魅力的に機能します。

$( "#dialog-message-div" ).html(str);

ダウンロードにバンドルされている jQueryUI の例 index.html から取得。

<html lang="us">
<head>
   <meta charset="utf-8">
   <title>jQuery UI Example Page</title>
   <link href="css/redmond/jquery-ui-1.10.3.custom.css" rel="stylesheet">
   <script src="js/jquery-1.9.1.js"></script>
   <script src="js/jquery-ui-1.10.3.custom.js"></script>
   <script>
   $(function() {      
      $( "#dialog" ).dialog({
         autoOpen: false,
         width: 400,
         resizable: false,
         buttons: [
            {
               text: "Ok",
               click: function() {
                  $( this ).dialog( "close" );
               }
            },
            {
               text: "Cancel",
               click: function() {
                  $( this ).dialog( "close" );
               }
            }
         ]
      });
      // Link to open the dialog
      $( "#dialog-link" ).click(function( event ) {
         $( "#dialog" ).dialog( "open" );
         var str = "<p>Lorem ipsum dolor sit amet, <b>consectetur adipisicing elit</b>, sed do eiusmod <i>tempor</i><br /><br /><br />incididunt ut labore et dolore magna aliqua. <br />Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>";
         event.preventDefault();
         //wrong way
         //$( "#dialog" ).text(str);

         $( "#dialog" ).html(str);
      });
   });
      </script>
</head>
<body>
<button id="dialog-link">Dialog Button</button>
<div id="dialog" title="Dialog Title">
</div>

</body>
</html>
于 2014-01-31T21:56:16.697 に答える