インタラクティブなポップアップダイアログボックスを作成する

ステファノ

shiny(およびshinyBS)を使用してインタラクティブなポップアップダイアログボックスを作成できるかどうか疑問に思いました。

たとえば、文字列があり、それを変更したいのですが、実行する前に、本当に変更するかどうかを尋ねるダイアログボックスが表示されます。「はい」と言った場合はそれを行い、そうでない場合は変更を破棄します。これが私の試みですが、2つの問題が見つかりました:1。「はい」または「いいえ」をクリックしても何も変わりません2.常に下部の「閉じる」でボックスを閉じる必要があります。

rm(list = ls())
library(shiny)
library(shinyBS)

name <- "myname"

ui =fluidPage(
  textOutput("curName"),
  br(),
  textInput("newName", "Name of variable:", name),
  br(),
  actionButton("BUTnew", "Change"),
  bsModal("modalnew", "Change name", "BUTnew", size = "small",
          textOutput("textnew"),
          actionButton("BUTyes", "Yes"),
          actionButton("BUTno", "No")
  )
)
server = function(input, output, session) {
  output$curName <- renderText({paste0("Current name: ", name)})

  observeEvent(input$BUTnew, {
    output$textnew <- renderText({paste0("Do you want to change the name?")})
  })

  observeEvent(input$BUTyes, {
    name <- input$newName
  })
}
runApp(list(ui = ui, server = server))

他の提案も大歓迎です!!

NicE

これが命題です、私は主にserver.Rを変更しました

library(shiny)
library(shinyBS)
ui =fluidPage(
        textOutput("curName"),
        br(),
        textInput("newName", "Name of variable:", "myname"),
        br(),
        actionButton("BUTnew", "Change"),
        bsModal("modalnew", "Change name", "BUTnew", size = "small",
                HTML("Do you want to change the name?"),
                actionButton("BUTyes", "Yes"),
                actionButton("BUTno", "No")
        )
)
server = function(input, output, session) {
        values <- reactiveValues()
        values$name <- "myname";

        output$curName <- renderText({
                paste0("Current name: ", values$name)
                })

        observeEvent(input$BUTyes, {
                toggleModal(session, "modalnew", toggle = "close")
                values$name <- input$newName
        })

        observeEvent(input$BUTno, {
                toggleModal(session, "modalnew", toggle = "close")
                updateTextInput(session, "newName", value=values$name)
        })
}
runApp(list(ui = ui, server = server))

いくつかのポイント:

reactiveValuesその人が現在持っている名前を保持するためにを作成しましたこれは、ユーザーがモーダルボタンをクリックしたときにこの値を更新することも、更新しないこともできるので便利です。を使用して名前にアクセスできますvalues$name

toggleModalユーザーが[はい]または[いいえ]をクリックすると、モーダルを閉じるために使用できます

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

オラクルアペックスのインタラクティブグリッドで保存ボタンをクリックしながら警告ポップアップを作成する方法

「もう質問しない」ダイアログポップアップボックスを作成する方法 アンドロイド

ランダムなアイテムをスタックにポップする

レンダリングされたホロビュープロットをインタラクティブなボケアプリに追加する

非モーダルブートストラップダイアログボックスを作成する方法

条件が真になるまでポジティブボタンクリックでアラートダイアログを非表示にする

PowerBIのインタラクティブダイアログボックス

React JSアプリでインタラクティブなチェックボックスを作成するにはどうすればよいですか?

QTestのUIスレッドをブロックするQtのポップアップダイアログへのポインターを取得する方法

ブートストラップモーダル内のボタンクリックイベントでアクティブなタブIDを取得します

画像アイコンをクリックすると、アイコンがクリック可能になり、ポップアップ[ダイアログボックス]が開いて新しい画像をアップロードする必要があります

ユーザー作成後にプロパティダイアログボックスを表示する

フラッターのポップアップメニューでフローティングアクションボタンを作成する方法

スライダーのコールバックでアクティブなボケプロットアクセスラジオボタン

ブートストラップグリフィコンをjQueryUIダイアログボタンに追加する

サブフローにポップアップダイアログボックスを含める方法

サブフローにポップアップダイアログボックスを含める方法

ダイアログボックスアクションからメインウィンドウのアクティブタブを変更する

ボタンアイテムを使用してドロップダウンをブートストラップし、ボタンをクリックするとプログラムで閉じます

ネイティブスクリプトでドラッグアンドドロップを使用する

ポップアップダイアログボックスのテキストフィールド値を取得する方法

ポップアップダイアログボックスのテキストフィールド値を取得する方法

R: HTML にエクスポートできるインタラクティブなマップを作成する

Juliaでインタラクティブなプロットを作成する方法

Rでインタラクティブなプロットを作成する

Juliaでインタラクティブなプロットを作成する方法

iPhoneでテキスト入力ポップアップダイアログボックスを表示する簡単な方法は何ですか

jQuery:テーブルの選択時にダイアログボックスをポップします

ブートストラップボタンのドロップダウン子要素のクラスは、他のボタンのドロップダウンアイテムをクリックすると削除されます

TOP 一覧

  1. 1

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  2. 2

    Ansibleで複数行のシェルスクリプトを実行する方法

  3. 3

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  4. 4

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  5. 5

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  6. 6

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  7. 7

    パンダは異なる名前の列に追加します

  8. 8

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  9. 9

    グラフ(.PNG)ファイルをエクスポートするZabbix

  10. 10

    Chromeウェブアプリのウェブビューの高さの問題

  11. 11

    ラベルとエントリがpythontkinterに表示されないのはなぜですか?

  12. 12

    Windows 10の起動時間:以前は20秒でしたが、現在は6〜8倍になっています

  13. 13

    mutate_allとifelseを組み合わせるにはどうすればよいですか

  14. 14

    Reactでclsxを使用する方法

  15. 15

    ネットワークグラフで、ネットワークコンポーネントにカーソルを合わせたときに、それらを強調表示するにはどうすればよいですか?

  16. 16

    テキストフィールドの値に基づいて UIslider を移動します

  17. 17

    ファイル内の2つのマーカー間のテキストを、別のファイルのテキストのセクションに置き換えるにはどうすればよいですか?

  18. 18

    MLでのデータ前処理の背後にある直感

  19. 19

    Unity:未知のスクリプトをGameObject(カスタムエディター)に動的にアタッチする方法

  20. 20

    Pythonを使用して同じ列の同じ値の間の時差を取得する方法

  21. 21

    グラフからテーブルに条件付き書式を適用するにはどうすればよいですか?

ホットタグ

アーカイブ