<!DOCTYPE html>
<html class="zg-html">
<head>
<meta charset="utf-8">
<title>ZingGrid: Blank Grid</title>
<script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
<style>
body {
background: #e6e6e6;
}
#result {
background: #333232;
color: white;
font-family: monospace;
margin-bottom: 2rem;
padding: 1rem;
}
zing-grid[loading] {
height: 357px;
}
</style>
</head>
<body class="zg-body">
<h3>`[updateRowMethod]` set request method for editing a row.</h3>
<div id="result">N/A</div>
<zing-grid editor-controls="editor">
<zg-data src="https://us-central1-zingsoft-demo-endpoints.cloudfunctions.net/zingsoft-parammethod/api">
<zg-param name="updateRowMethod" value="post"></zg-param>
</zg-data>
</zing-grid>
<script>
ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
const zgRef = document.querySelector('zing-grid');
let oldFetch = window.fetch;
window.fetch = function(fetchUrl, requestObj) {
return new Promise((resolve, reject) => {
oldFetch.apply(this, arguments)
.then((response) => {
// Get request method and url
if (requestObj.method === 'POST') {
result.textContent = `UPDATE ROW REQUEST: ${requestObj.method} ${fetchUrl}`;
}
oldFetch.call(this, fetchUrl, requestObj);
resolve(response);
})
.then((data) => {
if (data) window.fetch = oldFetch;
})
.catch((error) => {
reject(error);
});
});
};
</script>
</body>
</html>
<!DOCTYPE html>
<html class="zg-html">
<head>
<meta charset="utf-8">
<title>ZingGrid: Blank Grid</title>
<script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
</head>
<body class="zg-body">
<h3>`[updateRowMethod]` set request method for editing a row.</h3>
<div id="result">N/A</div>
<zing-grid editor-controls="editor">
<zg-data src="https://us-central1-zingsoft-demo-endpoints.cloudfunctions.net/zingsoft-parammethod/api">
<zg-param name="updateRowMethod" value="post"></zg-param>
</zg-data>
</zing-grid>
</body>
</html>
body {
background: #e6e6e6;
}
#result {
background: #333232;
color: white;
font-family: monospace;
margin-bottom: 2rem;
padding: 1rem;
}
const zgRef = document.querySelector('zing-grid');
let oldFetch = window.fetch;
window.fetch = function(fetchUrl, requestObj) {
return new Promise((resolve, reject) => {
oldFetch.apply(this, arguments)
.then((response) => {
// Get request method and url
if (requestObj.method === 'POST') {
result.textContent = `UPDATE ROW REQUEST: ${requestObj.method} ${fetchUrl}`;
}
oldFetch.call(this, fetchUrl, requestObj);
resolve(response);
})
.then((data) => {
if (data) window.fetch = oldFetch;
})
.catch((error) => {
reject(error);
});
});
};