تغییر css-class در گریدویو

[ramin149]

چه شکلی میشه یه دکمه داخل صفحه بزارییم و بگیم وقتی دکمه زده شده css class گرید ویو تغییر کنه ؟؟؟

[leila_mahyanet]

اگه سوالتونو درست بیان کرده باشید ، فقط کافیه تو رویداد کلیک شدن دکمه مقدار
GridView1.CssClass رو مساوی مقدار جدید قرار بدید.

[ramin149]

اگه سوالتونو درست بیان کرده باشید ، فقط کافیه تو رویداد کلیک شدن دکمه مقدار
GridView1.CssClass رو مساوی مقدار جدید قرار بدید.



مشکل من این نیست در واقع مشکل من این که یک گرید ویو css class های متفاوتی داره با چه کدی می تونم اون class css ها رو هم تغییر بدم مانند :


<asp:GridView ID="gvCustomres" runat="server"

AllowPaging="true"
CssClass="mGrid"
PagerStyle-CssClass="pgr"
AlternatingRowStyle-CssClass="alt">

[leila_mahyanet]

یه کلاس واسه gridview در فایل CSS تعریف کن مثلا mGrid و بقیه رو به شکل زیر تغییر بده :



{ استایل دلخواه } mGrid.
{ } mGrid AlternatingRowStyle.
{ } mGrid SelectedRowStyle.

[ramin149]

خیلی ممنون ولی اگر میشه یه مثال ساده بزنید ؟؟؟

[ramin149]

من می خوام این کد رو تبدیل کنم باید چه کار کنم ؟؟؟


mGrid.{ width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }

.mGrid td
{
padding: 2px;
border: solid 1px C#‎1c1c1;
color: #717171;
font-size: 15px;
font-family: tahoma;
}
.mGrid th
{
padding: 4px 2px;
color: #fff;
background: #424242 url(images/red/grid/mgrd_head.png) repeat-x top;
border-left: solid 1px #fc8181;
font-size: 15px;
font-family: tahoma;
}
.mGrid .malt { background: #fcfcfc url(images/red/grid/mgrd_alt.png) repeat-x top; }
.mGrid .mbak { background: C#‎5c4c4 url(images/red/grid/mgrd_bak.png) repeat-x top; }
.mGrid .mpgr {background: #fc9292 url(images/red/grid/mgrd_pgr.png) repeat-x top; }
.msGrid .mpgr table { margin: 5px 0; }
.mGrid .mpgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 25px; }
.mGrid .mpgr a { color: #666; text-decoration: none; }
.mGrid .mpgr a:hover { color: #000; text-decoration: none; }


سه خطی رو که قرمز کردم به صورت زیر نوشتم ولی جواب نمی ده


.mGrid .AlternatingRowStyle { background: #fcfcfc url(images/red/grid/mgrd_alt.png) repeat-x top; }
.mGrid .RowStyle { background: #c5c4c4 url(images/red/grid/mgrd_bak.png) repeat-x top; }
.mGrid .PagerStyle {background: #fc9292 url(images/red/grid/mgrd_pgr.png) repeat-x top; }

[leila_mahyanet]

نقطه میانی رو بردارید.

mGrid .PagerStyle.

یعنی بنویسید :


mGrid PagerStyle.

[majnun]

خب هر بار صفحه پست بک بخوره که فایل css عوض بشه ؟؟؟ :لبخند:

من در تلریک با جاوااسکریپت اینکارو کردم

باید با جاوااسکریپت css رو عوض کنی (این خیلی مهمه )

[leila_mahyanet]

تغییرات تو pageload نیست که .خواستن به ازای کلیک نمودن دکمه استایل تغییر کنه.

با javascript هم می تونن class رو فراخوانی کنن . مشکل ایشون طرز ایجاد کلاس برای تمام خصایص هست نه نحوه فراخوانی کلاس.

[majnun]

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

اینجوری خیلی راجت ترین