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&
最低0.47元/天 解锁文章
1328
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
