PDA

View Full Version : popup



mona11
سه شنبه 17 تیر 1393, 18:26 عصر
سلام.وقتی روی لینک Edit کلیک میکنم،میره تو صفحه ای که میتونم عملیات ویرایش رو انجام بدم.حالا می خوام وقتی صفحه ی ویرایش آیتم،به صورت popup باز بشه..
ضمنا از اون پلاگین جی کوئری هم استفاده کردم که متاسفانه هیچ جوره جواب نمی ده :)

star_rh
سه شنبه 17 تیر 1393, 19:29 عصر
از modal استفاده کن و از iframe

hadi0x7c7
سه شنبه 17 تیر 1393, 21:33 عصر
اینجا (https://www.simple-talk.com/dotnet/asp.net/modal-input-forms-in-asp.net-mvc/)رو یه نگاه بینداز

minaforotan
چهارشنبه 18 تیر 1393, 16:48 عصر
اینجا چند تا مثال خیلی ساده و کارا داره که من خودم کارم از همینا راه افتاد
http://jqueryui.com/dialog/#modal-confirmation

mona11
پنج شنبه 19 تیر 1393, 13:21 عصر
امکانش هست یه نمونه کد کوچولو بدین؟

minaforotan
پنج شنبه 19 تیر 1393, 14:59 عصر
بله چرا که نه

من در حالت کلیش و میگم میخوام تو صفحه اولم امکان تغیر پسورد رو داشته باشم واسه همین این کدها رو مینویسم



@section scripts{


<script>


$(function () {

function updateTips(t) {
tips
.text(t)
.addClass("ui-state-highlight");
setTimeout(function () {
tips.removeClass("ui-state-highlight", 1500);
}, 500);
}
function checkLength(o, n, min, max) {
if (o.val().length > max || o.val().length < min) {
o.addClass("ui-state-error");
updateTips("Length of " + n + " must be between " +
min + " and " + max + ".");
return false;
} else {
return true;
}
}
function checkRegexp(o, regexp, n) {
if (!(regexp.test(o.val()))) {
o.addClass("ui-state-error");
updateTips(n);
return false;
} else {
return true;
}
}

$("#dialog-formChangeUser").dialog({
autoOpen: false,
height: 400,
width: 350,
modal: true,
buttons: {

},
close: function () {
allFields.val("").removeClass("ui-state-error");
}
});
$("#changepass")
.button()
.click(function () {
$("#dialog-formChangeUser").dialog("open");
});


});

</script>

}



3 تا تابع اول که ثابته و باقی هم مشخصه
میگه وقتی رو چیزی که ای دی اون changepass بود کلیک شد چیزی که ای دی اون dialog-formChangeUser بود نشون داده بشه
وحالا اینا رم اضاف میکنم


<a href="#" id="changepass">تغییر پسورد</a>

<div id="dialog-formChangeUser" title="تغییر رمز عبور">

@using (Ajax.BeginForm("Edit", "User", new AjaxOptions { OnSuccess = "successajax" }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)

<fieldset class="Userchangeaccount">
<legend>تغییر مشخصات کاربری</legend>

@Html.HiddenFor(model => model.ID)

<div class="editor-label">
<label>پسورد فعلی</label>
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Password)
@Html.ValidationMessageFor(model => model.Password)
</div>

<div class="editor-label">
<label>پسورد جدید</label>
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Password)
@Html.ValidationMessageFor(model => model.Password)
</div>

<div>
@Html.LabelFor(model => model.ConfirmPassword)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.ConfirmPassword)
@Html.ValidationMessageFor(model => model.ConfirmPassword)
</div>
<p>
<input type="submit" value="تغییر رمز عبور" />
</p>
</fieldset>

}
</div>


که وقتی دکمه تغییر رمز عبور و زد دیگه به اکشن و کنترلر دلخواه میره

mona11
جمعه 20 تیر 1393, 10:00 صبح
ممنون خیلی خوب بود :)