Delete Sheet Row using Apps Script Web API (CRUD)

Delete Sheet Row using Apps Script : In this tutorial, learn how to showcase data from Google Sheets onto an HTML table with the added functionality of a delete button for each entry. I’ll guide you step-by-step through the process of retrieving and displaying the data, as well as implementing the delete feature using HTML, CSS, and JavaScript

इस Article मे हमने जो पिछले Article मे Create Read और Update किया था उसी को आगे बढ़ाते हुवे उसमे Delete का कार्य किया हैं । पिछले Article आप निम्न link से Read कर सकते हैं ।

• Create : Create Dynamic Form (CRUD)
• Read : Read Dynamic Form (CRUD)
• Update : Update Dynamic Form (CRUD)
• Delete : यह Article Delete के लिए ही हैं ।

Delete के लिए आपको ऊपरोक्त सभी Code Merge करना होंगे या फिर आप Update वाले मे भी Changes कर delete का code लिख सकते हैं , इस Article मे केवल जितना Code delete के लिए हैं वही Share कर रहा हु।

Video Tutorial : Delete Sheet Row using Apps Script Web

विडिओ के माध्यम से समझने लिए आप यह Video देख सकते हैं।

1. Google Sheet

यह जो हमें Sheet बनाई थी वह हैं , इस Sheet मे से हम Data डिलीट करेंगे।

2. JavaScript

अब हमे हमने जो पहले JavaScript का Code लिखा था जहां पर Data Display किया था वही पर एक Column Add कर Delete Button बनाना हैं । मे केवल जितना चेंज हैं उतना ही Code लिखा रहा हु।

function getJSRead() {

...

 let btnUpd = '<button class="btn btn-outline-success btn-sm" onclick="getJSOpen('+i+')">Open</button>';
          let btnDel = '<button class="btn btn-outline-danger btn-sm" onclick="getJSDelete('+i+')">Delete</button>';
          myRows  = myRows + "<td>"+btnUpd+"</td>" + "<td>"+btnDel+"</td>";
...

}

function getJSDelete(i) {
    let res = confirm("Are you sure Want to delete?");
    if (res) {
        google.script.run.withSuccessHandler(function(data) {
             getJSRead(); 
        }).getASDelete(i);
    }
 }

• getJSRead() : इस Function से हमने Table मे Data Display किया है इसी Function मे हम कुछ Modification कर Delete button को Add करेंगे।
• getJSDelete() : इस Function को Click करने पर Apps Script का getASDelete Function Call हो जाएगा और हम Row index यहाँ से Pass कर देंगे।
• confirm(): इस Function का उपयोग कर हमने User से Delete करने के लिए Confirm किया हैं । यदि User Confirmation देगा तभी Data Delete होगा Other wise Data Delete नहीं होगा।

3. Apps Script Code For Delete

आपको पहले से बने Apps Script के Code मे यह Code और Add करना हैं जिससे की Dynamic Delete की Working भी Complete हो जाएगी ।

function getASDelete(i) {  
  EmpSheet.deleteRow(i);
  return '';
}

उपरोक्त Function JavaScript से Call किया जाएगा। जो की EmpSheet मे से Row को Delete कर देगा। इतना करने के बाद आपको Project को Deploy करना हैं ।

Deploy के बारे मे जानने के लिए Click करे ।

4. HTML View For Delete Sheet Row using Apps Script

Project को Execute करने के बाद आपको कुछ इस तरह से दिखाई देगा।

इस Article मे हमने Apps Script project मे Google Sheet से Data कैसे Delete किया जाता हैं उसके बारे मे बताया हैं आशा हैं की आपको यह Article (Delete Sheet Row using Apps Script) बहुत अच्छे से समझ मे आ गया होगा।

आपको यह Article Delete Sheet Row using Apps Script कैसा लगा ? बताना न भूले मिलते हैं Next Article मे Thanks for Reading ।

हमारे अन्य आर्टिकल

• MySQL Function
• MySQL Stored Procedure
• PHP Get /Post Method के बारे में जाने
• PHP Math Function के बारे में जाने
• C से C ++ सीखे सरल शब्दों में
• PHP Variable के बारे में जाने
• Arduino Control Structure 
• Union in C
• Declaration of Pointer in C
• jQuery Search Filter
• MySQL Create Table | Alter Table | Drop Table
• API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)
• CPANEL In Hindi