ආහාර කැල්ක්යුලේටරයේ මිලදී ගැනීම් සංස්කරණය කිරීම
දැන් අපි සෛල සංස්කරණය කිරීම ක්රියාත්මක කරමු.
කොන්දේසිය අනුව, පළමු
3 සෛල පමණක් සංස්කරණය කළ හැකිය.
මෙන්න ඒවා:
createCell(tr, name.value, 'name');
createCell(tr, price.value, 'price');
createCell(tr, amount.value, 'amount');
සෛල සංස්කරණය කිරීම සඳහා වන කේතය
සෑම සෛලයකටම සමාන වනු ඇති බව පැහැදිලිය:
දෙවරක් ක්ලික් කිරීමේ දී සෛලයේ පාඨය වෙනුවට
input ක්ෂේත්රයක් දිස්විය යුතුයි, සහ input ක්ෂේත්රයේ
Enter ඔබොත්, එහි අන්තර්ගතය
සෛලයේ නව පාඨය බවට පත්විය යුතුයි.
මම යෝජනා කරනුයේ, යම් ශ්රිතයක් සාදා ගැනීමයි, එය පරාමිතියක් ලෙස වගු සෛලයක් ලබා ගන්නා අතර එයට සංස්කරණය කිරීමේ හැකියාව බැඳීම සිදු කරයි:
function allowEdit(td) {
td.addEventListener('dblclick', function() {
});
}
එවිට අපට අපගේ ශ්රිතය පහත පරිදි යොදා ගත හැකිය:
allowEdit(createCell(tr, name.value, 'name'));
allowEdit(createCell(tr, price.value, 'price'));
allowEdit(createCell(tr, amount.value, 'amount'));
අවධානයෙන් සිටින කියවන්නාට එය දැක ගත හැකිය,
සියලු සෛල සමාන නොවන බව: මන්ද, මිල සමඟ සෛලය
හෝ ප්රමාණය සමඟ සෛලය වෙනස් කිරීමේදී,
cost තීරුවේ මිලදී ගැනීමේ වටිනාකම,
එන්නත් මුළු මුදල නැවත ගණනය කිරීම ද සිදු විය යුතුය.
මෙම සියුම් කරුණ අපි ඊළඟ පාඩමේ දී විසඳීම සඳහා ඊළඟ උපකාර්යයක් ලෙස අත්හැර දමමු. මුලින්ම සරලව අපගේ සෛල තුන සංස්කරණය කිරීමේ හැකියාව, නැවත ගණනය කිරීම් නොමැතිව, සාදා ගනිමු.
මා විසින් විස්තර කරන ලද සෛල සංස්කරණය කිරීම ක්රියාත්මක කරන්න.
