Infragistics|Ignite UI for jQuery|將igDialog的輸入值同步到父畫面

infragistics log


這是在父屏幕上顯示 igDialog 上的文本框的輸入值的示例。

1. 在 igDialog 頂部放置一個文本框。

igDialog 的 ContentID 選項指定要放置在對話框內的元素。這裡我們使用 id=”content1″ 的 div 標籤。

<div id="content1">
<p>
<input type="text" id="input1" />
<button id="button1">保存</button>
</p>
</div>
@*igDialog*@
@(Html.Infragistics()
.Dialog()
.ID("dialog1")
.ContentID("content1")
.Render()
)


2. 獲取在文本框中輸入的值並將該值反映在父屏幕中。

  $("#button1").click(function () {
    //ダイアログで入力された値を取得し、TextBox に設定する。
    var inputVvalue = $("#input1").val();
    $("#textbox1").val(inputVvalue);
})


執行結果



延伸閱讀
aa71435723的大頭照
Winston

Eggplant DAI 自動化測試專家。

留言