房贷计算器2013(贷款计算器最新2013 房贷)

2013年房贷利率计算器

读者需要访问EasyUI官方网站以下载包含原始文件和演示的压缩包，然后将其解压缩到以前编写的代码目录中。有关文件路径，请参考下面的源代码。参考链接：下载jQuery EasyUI 1。5。2，下载免费版。本教程的这一部分重点介绍如何使用EasyUI编写抵押计算器。如果读者已经学习并实现了HTML和jQuery教程的前两个部分，则学习该部分的难度将大大降低，只需要关注纯EasyUI内容即可；如果读者还没有学习前两部分，那么您也可以直接学习这部分内容，抵押计算器的内容和交互式部分，您可以首先运行最后给出的完整代码来理解。源代码：先决条件知识：1。标签最常见的用途是链接样式表。源代码链接了四种常用的EasyUI样式。请参阅链接：HTML标记。 2。读者需要对CSS样式有一个简单的了解，只需要知道CSS可以改变HTML的外观，请参阅链接：CSS简介。该代码链接了4种常见的EasyUI样式和3个JavaScript文件，并将您编写的JavaScript代码放在fd_easyui。js文件的同一目录中。读者可以按照以下5个步骤来学习和使用EasyUI：功能：在一列中显示所有输入和输出文本框，这太长了。我们需要将用户输入的抵押信息和抵押详细信息的计算结果分为两列。使用EasyUI的Layout插件来实现页面布局功能，布局（布局）是一个具有五个区域（北北，南南，东西东，西西和中心中心）的容器。需要中间区域面板，而边缘区域面板是可选的。可以通过拖动边框来调整每个边缘区域面板的大小，也可以通过单击折叠触发器来折叠它。我们将用户的输入信息放在中心区域，将计算结果信息放在东部区域。效果截图：源代码：先决条件知识：我们在一个小面板中放置了两个紧密相关的功能：用户选择贷款类型和自动修改贷款利率。
然后声明插件的类型（在此示例中为Combo），然后在括号中设置属性的值。有参数：其中combo表示插件的名称，“ setValue”和“ panel”表示插件的方法名称，“ gong_ji_jin_dai_kuan”是传入参数的值。 EasyUI选项卡插件用于实现用户选择计算方法的功能，而不是使用单选按钮添加隐藏的输入框。 EasyUI组合框插件用于实现用户选择预付定金比例的功能，从而代替先前使用的下拉列表。效果截图：源代码：必备知识：1。 EasyUI使用选项卡创建选项卡插件，参考链接：EasyUI Tabs选项卡页面/选项卡，参考演示：jquery-easyui-1。5。2 / demo / tabs / basic。html。 2。 EasyUI使用combobox创建组合框，请参见链接：EasyUI Combobox组合框，请参见demo：jquery-easyui-1。5。2 / demo / combobox / basic。html。 EasyUI组合框插件用于实现以下功能：用户选择贷款年数，替换以前使用的下拉列表，然后将此组合框放置在单独的面板中。效果截图：源代码：在布局的东部区域显示计算结果。效果截图：源代码：必备知识：1。在EasyUI中将textbox插件的multiline属性设置为true，以实现多行文本框，参考链接：Multiline TextBox，参考演示：jquery-easyui-1。5。2 / demo / textbox / multiline。html。使用EasyUI的组合插件来实现选择还款方式的功能，从而取代了先前的单选按钮。当用户选择单选按钮时，将显示相应的每月还款单行文本框或多行文本框。效果截图：源代码：EasyUI的Linkbutton插件用于实现按钮功能，并且添加了按钮颜色以替换先前的按钮。当用户单击计算按钮时，将显示计算结果。当用户单击重置按钮时，
效果截图：源代码：先决条件知识：