ورود

View Full Version : بدست آوردن محتوای یک سلول جدول


baradar
یک شنبه 27 تیر 1389, 17:22 عصر
با سلام
من یک جدول دارم که بر اساس اطلاعات دیتابیس ساخته و پر می شود
حالا من می خواهم با کلیک بر روی یک سلول جدول محتوای آن سلول
با شماره سطر و ستون آن را بدست آورم
لطفا راهنمایی کنید
mehdi.mousavi
یک شنبه 27 تیر 1389, 17:47 عصر
با سلام
من یک جدول دارم که بر اساس اطلاعات دیتابیس ساخته و پر می شود
حالا من می خواهم با کلیک بر روی یک سلول جدول محتوای آن سلول
با شماره سطر و ستون آن را بدست آورم
لطفا راهنمایی کنید

سلام.
این کارو میخواهید (قاعدتا) سمت client انجام بدید، درسته؟ اونجا از Framework خاصی استفاده می کنید (مثل jQuery) یا خیر، هدفتون استفاده از JavaScript هستش؟ توی JavaScript میتونید یه Click Handler به خود Table متصل کنید، سپس با استفاده از خاصیت Event Bubbling هر وقت کاربر روی Cell خاصی Click کرد، این Event به دست Handler مورد نظر میرسه و فقط اونجا باید با یه if بررسی کنید که Click کجای جدول رخ داده... و اگر Cell بود، Content اون سلول رو بگیرید. (لطفا به این مثال (http://bytes.com/topic/javascript/answers/475634-table-onclick) نگاه کنید).

توی JQuery که راحت تر هم هست، البته روش باز یکسانه، اما کدی که می نویسید بمراتب کمتره.

موفق باشید.
baradar
یک شنبه 27 تیر 1389, 17:58 عصر
سلام
از پاسختون ممنونم
دوست عزیز من می خوام این کار رو با jquery انجام بدم چون تمام کدهام بر اساس jquery می باشد
لطفا در این زمینه یک نمونه کد ساده و یا لینکی مرتبط با این به من معرفی کنید
mehdi.mousavi
یک شنبه 27 تیر 1389, 20:14 عصر
سلام از پاسختون ممنونم دوست عزیز من می خوام این کار رو با jquery انجام بدم چون تمام کدهام بر اساس jquery می باشد لطفا در این زمینه یک نمونه کد ساده و یا لینکی مرتبط با این به من معرفی کنید

سلام.

<html>
<head>
<script type="text/javascript" src="jQuery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function () {
$('table').click(function (e) {
var target = e.target;
if (target && target.tagName == 'TD') {
var $target = $(target), $row = $target.parent();

var colIndex = $row.find('td').index($target);
var rowIndex = $row.parent().find('tr').index($row);

var msg = 'Column Index: ' + colIndex + ', Row Index: ' + rowIndex + ', Cell Content: ' + $target.html();
alert(msg);
}
});
});
</script>
</head>
<body>
<table>
<tbody>
<tr>
<td>Cell 01</td>
<td>Cell 02</td>
<td>Cell 03</td>
</tr>
<tr>
<td>Cell 04</td>
<td>Cell 05</td>
<td>Cell 06</td>
</tr>
</tbody>
</table>
</body>
</html>


موفق باشید.

پاورقی: لطفا از این به بعد سوالات jQuery خودتون رو در بخش مربوطه مطرح کنید.