PDA

View Full Version : سوال: نحوه افزودن ستون Checkbox به Datagrid



MiladLove14
دوشنبه 31 تیر 1392, 10:44 صبح
سلام چطوري ميشه به Datagrid ستوني از نوع Checkbox اضافه كرد كه بشه با اون بشه چند سطر رو انتخاب كرد و با انتخاب كردن اون سطرها رنگشون تغيير پيدا كنه و يا فونتشون Bold بشن. لطفا راهنمايي كنيد. خيلي ممنون.

demolition
دوشنبه 31 تیر 1392, 11:33 صبح
سلام چطوري ميشه به Datagrid ستوني از نوع Checkbox اضافه كرد كه بشه با اون بشه چند سطر رو انتخاب كرد و با انتخاب كردن اون سطرها رنگشون تغيير پيدا كنه و يا فونتشون Bold بشن. لطفا راهنمايي كنيد. خيلي ممنون.

برای اضافه کردن Checkbox تو قسمت <Columns> دیتاگرید این کدها رو وارد کنید

<asp:TemplateColumn HeaderText="انتخاب">
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Style="position: static" />
</ItemTemplate>
</asp:TemplateColumn>



اگه میخای رنگه سطرها تغییر کنه باید از جاوا اسکریپت استفاده کنی به این صورت

function rowAppearanceOnDeleteMode(rowID)
{
var color = document.getElementById(rowID).style.backgroundCol or;
var ref_check = document.getElementById(rowID).getElementsByTagNam e("input").item(0);
if (ref_check.checked)
{////// زمانی که آیتمی انتخاب شود
document.getElementById(rowID).style.backgroundCol or = '#c0f7ba';
document.getElementById(rowID).style.fontStyle = 'italic';

}
else
{
document.getElementById(rowID).style.backgroundCol or = '#FFFFFF';
document.getElementById(rowID).style.fontStyle = 'normal';
}
}
//// زمانی که موس بر روی آیتمهای دیتا گرید حرکت میکند
function rowOver(rowID)
{
document.getElementById(rowID).style.backgroundCol or = '#aabff6';
}

jafar01
دوشنبه 31 تیر 1392, 14:15 عصر
مرسی دستت طلا

MiladLove14
سه شنبه 01 مرداد 1392, 11:34 صبح
سلام خيلي ممنون از كمكتون. فقط بگيد كه اين كد جاوا اسكريپت كجا بايد نوشته بشه؟

demolition
سه شنبه 01 مرداد 1392, 12:04 عصر
سلام خيلي ممنون از كمكتون. فقط بگيد كه اين كد جاوا اسكريپت كجا بايد نوشته بشه؟

کدهای جاوا رو داخله تگ <script> میزارید و بعد داخل صفحه مورد نظر قرار میدید
به این صورت



<script language="javascript" type="text/javascript">
function rowAppearanceOnDeleteMode(rowID)
//ادامه کد...
.
</script>