jQuery技术

jQuery Mobile 和 JSON(5)

字号+ 作者:H5之家 来源:H5之家 2016-08-07 17:01 我要评论( )

这个 showOneOpp 代码是填充您在其中编写所有表单元素的屏幕的一种强力方法。这个屏幕上的一些需要注意的项目包括: 屏幕上的另一个选项是删除一个现有条目。如果选择该选项,另一个 JavaScript 函数将提示用户确认

这个 showOneOpp 代码是填充您在其中编写所有表单元素的屏幕的一种强力方法。这个屏幕上的一些需要注意的项目包括:

  • 屏幕上的另一个选项是删除一个现有条目。如果选择该选项,另一个 JavaScript 函数将提示用户确认是否的确要移除选中的商机记录,如 所示。
    图 11. 确认删除一条商机记录

    确认删除一条商机记录的屏幕截图


    选择删除提示处的 OK 将使用一个动作 delete 将应用程序发送回 index.php。
  • 这些表单级验证的 JavaScript 例程包含在 utils.js 文件中,该文件由 header.php 包含文件加载。 显示了 utils.js。

    清单 10. Utils.js — 表单级验证

    function checkForm() { try { if ($.trim($('#person').val()) == "" || $.trim($('#contact').val()) == "" || $.trim($('#description').val()) == "") { alert("Please enter all fields"); return false; } } catch (e) { alert(e); return false; } return true; } function deleteEntry(id) { try { var confirmString = "Delete this entry. Are you sure?\n" + $.trim($('#person') .val()) + "\n" + $.trim($('#contact').val()) + "\n" + $.trim($('#description').val()); if (window.confirm(confirmString)) { window.location="index.php?action=delete&id=" + id; } } catch (e) { alert(e); return false; } return true; }

    这些函数是非常直观的 JavaScript,通过一些 jQuery 选择器辅助。

    您已经看到了这个应用程序的大部分功能。现在看看 utils.php 中实现的另外几个函数,如 所示。

    清单 11. 更多数据管理例程

    function addOpp($person,$contact,$description) { global $mysql_link; $sql = "insert opportunities(opp_id,opp_person,opp_contact,opp_description) values (NULL,'$person','$contact','$description')"; $result = mysql_query($sql,$mysql_link); if ($result == 1) { return "SUCCESS"; } else { return "FAILED"; } } function updateOpp($id,$person,$contact,$description) { global $mysql_link; $sql = "update opportunities set opp_person='".$person."',opp_contact= '".$contact."',opp_description='".$description."' where opp_id= ".$id; $result = mysql_query($sql,$mysql_link); if ($result == 1) { return "SUCCESS"; } else { return "FAILED"; } } function killOpp($id) { global $mysql_link; $sql = "delete from opportunities where opp_id =$id"; $result = mysql_query($sql,$mysql_link); }

    可以看到,这些例程实现一些直观的 PHP/MySQL 数据访问功能:插入、更新和删除商机记录。

    尽管使用 jQuery Mobile 构建的本教程样例应用程序的代码到此结束,但这应该被视为一个起点,而不是一个终点,因为还有更多 jQuery Mobile 知识等待您去探索。JQM 项目计划在 2011 年初推出其 1.0 发布。随着时间推移,希望它能集成到 PhoneGap 这样的框架中,甚至可能集成到 Appcelerator 的 Titanium 这样的替代开发环境中。

    最后,本教程检查这个新创建的、由 JQM 驱动的 web 应用程序的安装快捷键。

    安装应用程序

    这个应用程序不是原生应用程序,因此不能从传统 App Store 下载,但是,您可以在您的设备的主屏幕上为它创建一个快捷键。 展示如何在一个 iPod 设备上创建一个快捷键。

    图 12. 选择您的屏幕底部的加号(+)

    选择您的屏幕底部的 + 号之后出现的菜单的屏幕截图

    iPod 平台允许添加新书签、向主屏幕添加链接、或将链接电邮给朋友。选择 Add to Home Screen 选项。然后,命名链接,如 所示。

    图 13. 选择 Add to Home Screen

    Add to Home Screen 选项的屏幕截图

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • jquery学习总结(超级详细)

      jquery学习总结(超级详细)

      2016-08-10 17:01

    • jQuery操作checkbox选择(list/table)

      jQuery操作checkbox选择(list/table)

      2016-08-07 16:00

    • jquery源码学习笔记(一)jQuery的无new构建,jquery学习笔记

      jquery源码学习笔记(一)jQuery的无new构建,jquery学习笔记

      2016-08-07 10:00

    • [原]jQuery .tmpl(), .template()学习

      [原]jQuery .tmpl(), .template()学习

      2016-08-06 18:00

    网友点评
    s