এইচটিএমএল
এইচটিএমএল সোর্স:
<!DOCTYPE html> <html lang="en-US"> <title>Categories</title> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <script src="http://www.w3schools.com/appml/2.0.3/appml.js"></script> <body> <div class="container"> <h1>Categories</h1> <div id="Form01" class="jumbotron" style="display:none" appml-data="local?model=model_categoriesform" appml-controller="myFormController"> <div appml-include-html="inc_formcommands.htm"></div> <div class="form-group"> <label>CategoryName:</label> <input id="CategoryName" class="form-control"> </div> <div class="form-group"> <label>Description:</label> <input id="Description" class="form-control"> </div> </div> <div appml-data="local?model=model_categorieslist"> <div appml-include-html="inc_listcommands_nofilter.htm"></div> <table class="table table-striped table-bordered"> <tr> <th></th> <th>Category</th> <th>Description</th> </tr> <tr appml-repeat="records"> <td style="cursor:pointer" onclick="appml('Form01').run({{CategoryID}})"> <span class="glyphicon glyphicon-edit"></span> </td> <td>{{CategoryName}}</td> <td>{{Description}}</td> </tr> </table> </div> </div> <script> function myFormController($appml) { if ($appml.message == "ready") {return -1;} if ($appml.message == "loaded") { document.getElementById("Form01").style.display = ""; } } </script> </body> </html>
মডেল
এই অ্যাপ্লিকেশনের মধ্যে ব্যবহৃত মডেল
লিস্ট মডেল
{ "database" : { "connection" : "localmysql", "sql" : "SELECT * FROM Categories" } }
ফরম মডেল
{ "database" : { "connection" : "localmysql", "sql" : "SELECT * FROM Categories", "maintable" : "Categories", "keyfield" : "CategoryID" }, "updateItems" : [ {"item" : "CategoryName"}, {"item" : "Description"} ] }