JQUERYは初めてです。ダイアログボックスに問題があります。
1)JQUERY POPにダイナミックHTMLテーブルを表示したい(plzsuggestの実装方法!)
2)この下のJqueryダイアログは自動的に閉じます。
$(function () {
$("#dialog").dialog({
modal: true,
buttons: {
"Ok": function () {
$(this).dialog("close");
},
Cancel: function () {
$(this).dialog("close");
}
}
});
});
助けてください。
これを試して :
ダイアログを開く
<div id="dialog" style="display: none;"></div>
<script type="text/javascript">
$(document).ready(function () {
function createTable() {
mytable = $('<table></table>').attr({ id: "basicTable" });
var rows = new Number("3");
var cols = new Number("3");
var tr = [];
for (var i = 0; i < rows; i++) {
var row = $('<tr></tr>').attr({ class: ["class1", "class2", "class3"].join(' ') }).appendTo(mytable);
for (var j = 0; j < cols; j++) {
$('<td></td>').text("text1").appendTo(row);
}
}
//console.log("TTTTT:" + mytable.html());
mytable.appendTo("#dialog");
}
$("#dialog").dialog({
autoOpen: false,
open: function (event, ui) {
createTable();
}
});
$('#btnclick').click(function () {
//$("#inputtext").after('<input type="text">');
$("#dialog").dialog("open");
});
});
</script>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加