PDA

View Full Version : مخفی و ظاهر کردن پنل سطر مورد نظر در گرید ویو


tarsim
شنبه 08 تیر 1392, 13:48 عصر
سلام من در گریدویو یک پنل گذاشتم و ویک دکمه برای کلیک سطر و میخوام وقتی روی دکمه کلیک شد پنل اگر مخفی ظاهر و شود و همینطور برعکس . من سمت سرور این کد رو نوشتم و هیچ مشکلی نیست ولی اینکار سرعت رو پایین میاره و فکر کردم سمت کلاینت بنویسم که اینکار رو هم کردم با جاوا اسکریپت اومد یک دایو با کلاس تعریف کردم و پنل رو توش گذاشتم ولی مشکلش اینه که وقتی روی دکمه مثلا سطر اول گریدویو کلیک کینم میاد کل دیو هام رو ظاهر میکنه و اگر به دیوم ایدی بدم میاد فقط اولین سطر گرید ویوم رو نشون میده . دوستان این کار رو میخوام واسه نظرات درست کنم که وقتی رو دکمه نظرات کلیک میکنم نظرات ظاهر شن بدون رفتن به سرور ایا راهی وجود داره ؟
tarsim
شنبه 08 تیر 1392, 15:56 عصر
اگر راهی نداره حد اقل بگید من دنبالش نگردم دنبال راه دیگه باشم
saeed31641
شنبه 08 تیر 1392, 17:00 عصر
با کد جاوا مشه پیاده سازی کرد .چیزی خاصی نداره فقط من از دیو استفاده کردم.سرچ انگلیسی بزنی پیدا میکنی
tarsim
شنبه 08 تیر 1392, 17:08 عصر
با کد جاوا مشه پیاده سازی کرد .چیزی خاصی نداره فقط من از دیو استفاده کردم.سرچ انگلیسی بزنی پیدا میکنی
من هم همینکار رو میکنم اما وقتی روی دکمه کلیک مینم کل دیو ها ظاهر میشن

<script type="text/javascript">

$(document).ready(function () {
$('div1').hide();


$('.btn1').click(function () {

$('div1').show(1000);

});

});
</script>


و کد گیریدویو

<asp:GridView ID="GridView1" runat="server">
<EmptyDataTemplate>
<asp:Button ID="Button1" runat="server" Text="Button" CssClass="btn1" />
<br />
<div class="div1">
</div>
</EmptyDataTemplate>
</asp:GridView>
tarsim
شنبه 08 تیر 1392, 17:50 عصر
میشه بگید از چه کدی استفاده کردید ؟
tarsim
شنبه 08 تیر 1392, 19:37 عصر
اینجا هیچکسی از دوستان نیست جواب مارو بده ؟
zerocool151
شنبه 08 تیر 1392, 23:44 عصر
این و تست کن



<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('span.button').click(function () {
$(this).nextAll('div.commentanswer').slideToggle(' medium');
})
});
</script>
<style>
*{font:normal 12px tahoma; direction:rtl;}
.button{cursor:pointer; background:#eee; padding:3px 5px; border:1px solid #ccc}
.commentanswer{display:none; padding:5px; }
</style>
</head>

<body>
<span class="button">????</span>
<div class="commentanswer">
<span style="display:inline-block; width:60px">???</span>
<input id="Text1" type="text" />

<input id="Button1" type="button" value="?????" />
</div>
</body>
</html>
nimadows
شنبه 08 تیر 1392, 23:58 عصر
با jquery میتوانی انجام بدی

به این سایت سر بزن

یه مثال زده

http://developer1.ir/jQuery/toggle.aspx
tarsim
یک شنبه 09 تیر 1392, 01:23 صبح
نه دوست عزیز من میگم توی کنترل گرید ویو یک دکمه ارم با فشار دادن دکمه هر سطر سطر دیو سطر مورد نظر مخفی شه باید با دستور parent.find جاوا اسکریپت باشه اما دیو رو پیدا نمیکنه مشکل اینه
kafinetetaha
یک شنبه 09 تیر 1392, 01:40 صبح
با سلام
اینو ببین ببینم به کارت میاد

http://aspsnippets.com/Articles/Collapsible-Nested-GridView-with-Paging-using-ASPNet.aspx
nimadows
یک شنبه 09 تیر 1392, 11:51 صبح
دوست من به کدی که نوشتی نگاه کن شما داری کل دیو هارو show میکنی