2. EasyUI表单及其控件的jQuery语句设计。
本例利用HTML语句定义一个EasyUI表单控件myForm1,在这个表单中添加多种EasyUI类型控件,其中包括textbox、numberbox、datebox、combobox等。jQuery程序代码在<scipt>…</scipt>之间定义,从$(document).ready(function(){});语句开始。
在本例中,表单及控件的高度、宽度等属性的设置均根据EasyUI规则由jQuery语句定义,而控件在页面中的位置布局则通过HTML的层<div>和<p>标记实现。关于EasyUI控件的属性将在以后实例中详细阐述,详细资料可参见http://www.jEasyUI.com/documentation/index.php、http://www.jEasyUI.com、和中文的http://www.jEasyUI.net/等网址。本实例程序运行界面如图2-2所示,完整程序代码见程序2-2。
图2-2 EasyUI表单及其控件的jQuery程序运行界面
程序2-2:example02_formcontrols.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<style type="text/css">
</style>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="jqEasyUI/themes/default/EasyUI.me.css">
<link rel="stylesheet" type="text/css" href="jqEasyUI/themes/icon.css">
<link rel="stylesheet" type="text/css" href="system/css/icon.css">
<script type="text/javascript" src="jqEasyUI/jQuery.min.js"></script&