السلام عليكم ..
عندي جدول مربوط بقاعدة بيانات وهناك زر عند الضغط عليه تظهر خانات اسفل الجدول للتعديل علي بيانات الجدول ,, المطلوب هو انه عند عمل Edit للشخص يفضل نفس الخانات هي التي يتم عمل عليها الايدينت ولا يظهر خانات خالية من جديد
اي ان الـ EDIT في نفس الـ Field المكتوب مسبقاً ويمسح ويضاف إليه الجديد
بأي لغة مش مهم
استخدم x-editable لتتعامل مع الواجه و الـ ajax و في php استلم البيانات منها و احفظها كيفما تريد في قاعدة البيانات
هذا رابط للأداه
أولاً : الاعتماديات :
إذا كنت تستخدم bootstrap اضف التالي إلي رأس الصفحه :
<link href="bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet">
<script src="bootstrap-editable/js/bootstrap-editable.js"></script>
و إلا أضف jquery ui ,jquery
ثانياً : قسم html : أضف لكل عنصر تريد تحديثه من عناصر قاعدة البيانات كالتالي : col-value col-name هو اسم الحقل في قاعدة البيانات . row-id هو المعرف و المفتاح لتعريف السطر في قاعدة البيانات . comment هو تعليق يظهر عند بدأ تعديل الحقل . col-value هو قيمة الحقل الذي تريد تعديله من قاعدة البيانات .
ثالثاً : قسم الـ js : $("#col-name").ediatable({ type: text , url: /url }); col-name هو اسم الحقل في قاعدة البيانات . /url هو العنوان الذي تريد إرسال البيانات إليه
رابعاً : قسم php : استخدم $_POST و تعامل معه كشيفرة php عاديه في استلام البيانات و تحديث السطر في قاعدة البيانات .
لقد كتبت هذا الرد و حاولت ان اعدله لكنه ابا لتأخري في في التعديل .
افضل نصيحة ان تذهب للموقع بالتحديد هذه الصفحة :
و ستجد كل ما تحتاجه ( ان كنت لا تجيد الانجليزيه فأفتح الصفحه بمترجم google) . اما بالنسبه لمثال كامل فأنا لا أستطيع لان طريقة اضافة الردود في الموقع هنا صعبه ان وجد فيها لغتين عربيه و انجليزيه .
<asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("descrp")%>' />
</EditItemTemplate>
طالما ان الصفحة تقوم بالتحديث عند امر الحفظ فلن تستطيع حفظ البيانات في الحقول الا اذا قمت بحفظ في مكان اخر ثم استدعائها، الحل هو ان تقوم بإرسال امر الحفظ عبر الـ Ajax الى ملف php.
$('#username').editable({
type: 'text',
pk: 1,
url: '/post',
title: 'Enter username'
});
التعليقات