Rockstar_ Ответов: 2

При нажатии кнопки я хочу открыть gridview с помощью Jquery

Привет друзья,

Я новичок в Jquery. Я хочу открыть модальное всплывающее окно по нажатию кнопки. Таблицы будут заполнены некоторые данные. если gridview содержит некоторые данные, то эти данные я хочу отобразить в модальном всплывающем окне.Если gridview не содержит данных, то я хочу отобразить окно сообщения о том, что "данные недоступны". Я могу отобразить диалоговое окно при загрузке страницы, но не при нажатии кнопки. Я не могу применить правильный CSS, такой как display block и none.

Помогите мне решить эту проблему.....

2 Ответов

Рейтинг:
2

Oleksandr Kulchytskyi

Привет, надеюсь, мое объяснение вам поможет.

Прежде всего убедитесь, что у вас есть ссылки на библиотеки jquery: например

<head>
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"></script>
        <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />
    </head>



Затем на Вашей странице объявите какой-нибудь всплывающий диалог:

<div id="CheckMessagesDialog" style="display: none">
</div>
<button id="testBtn">Press me</button>


На странице готовый обработчик событий добавьте несколько строк инициализации:

$(document).ready(function () {
$('#MessagesDialog').dialog({
				autoOpen: false, modal: true,
				width: 450, height: 400,
				hide: "explode", show: "blind",
				closeOnEscape: true,
				buttons: {
					"Close": function () {
						$(this).dialog("close");
					}
				},
				open: function (event, ui) {
				}
			});

}

$('#testBtn').click(function(){
if ($("#MessagesDialog").dialog("isOpen") === true) {
    $("#MessagesDialog").dialog("close");
}
$("#MessagesDialog").dialog({ title: "Hello tittle" });
$("#MessagesDialog").dialog('open');
});

Рейтинг:
2

Abey Thomas

Я написал статью о том, как загрузить динамический контент в модальное диалоговое окно jQuery.

[Взгляните на эту статью ^]

Вы получите базовое представление о том, как этого добиться.