}); $("#grid").kendoGrid({ dataSource: dataSource, sortable: true, resizable: true, pageable: true, height: 500, toolbar: ["create"], columns: [ { field: "date", title: "Date", format: "{0:MM/dd/yyyy}", width: "90px" }, { field: "product", title: "Product", width: "135px" }, { field: "units", title: "Product Size", width: "105px" }, { field: "samplesGiven", title: "Samples Given", width: "115px" }, { field: "wholeProduct", title: "Whole Product Samp.", width: "154px" }, { field: "comments", title: "Comments", editor: textareaEditor, width: "250px" }, { command: ["edit", "destroy"], title: " " }], editable: "popup" }); function textareaEditor(container, options) { $("<textarea data-bind=\\"value: " + options.field + "\\" cols=\\"19\\" rows=\\"4\\"></textarea>") .appendTo(container); } }); </script> </div>'; displayPageNoSideNav($mainPage); }
displayPageNoSideNav(' <script> $(document).ready(function() { // create Editor from textarea HTML element with default set of tools $("#motdEditor").kendoEditor(); $("#notesEditor").kendoEditor(); $("#leaderNotes").kendoEditor(); }); </script> <form action="modules/edits.php" method="POST"> <table width = "100%" border = "0"> <tr> <td id="tableHeading"><center><hr><br />Message of the Day<br /><br /><hr></center></td> <td id="tableHeading"><center><hr><br />Notes<br /><br /><hr></center></td> </tr> <tr> <td><center><textarea id="motdEditor" name="motd" rows="10" cols="10" style="width:440px;height:340px">' . stripslashes($data['motd']) . '</textarea> <input type="checkbox" name="motdEmail" value="1" /> Email MOTD </center> </td> <td><center><textarea id="notesEditor" name="notes" rows="10" cols="30" style="width:440px;height:340px">' . stripslashes($data['notes']) . '</textarea> <input type="checkbox" name="notesEmail" value="1" /> Email Notes </center> </td> </tr> <tr> <td id="tableHeading" colspan="2"><center><hr style="width: 50%;"><br />Leadership Notes<br /><br /><hr style="width: 50%;"></center></td> </tr> <tr> <td colspan="2"> <center><textarea id="leaderNotes" name="lsNotes" rows="10" cols="30" style="width:440px;height:340px">' . stripslashes($data['leaderShipNotes']) . '</textarea> <input type="checkbox" name="lsNotesEmail" value="1" /> Email Leadership Notes </center> </td> </tr> <tr> <td style="padding: 20px" colspan="2"><center><input id="motd_notes" type="submit" value="Update" /></center></td> </tr> </table> </form> ');