2 cai772088996 cai772088996 于 2016.04.25 22:05 提问

用easyui做form表单,但不显示出来
 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>easyui</title>
<link rel="stylesheet" type="text/css"
    href="/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css">
<script type="text/javascript" src="/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/easyui/locale/easyui-lang-zh_CN.js"></script>

<script type="text/javascript">
    $(function() {
        var userDialog = $("#userDialog");

        //点击添加按钮,弹出一个窗体Dialog
        $("#add").click(function() {

            //弹出窗体
            userDialog.dialog("open");
        });
    })
</script>
</head>
<body>
    <!-- closed:true隐藏效果 -->
    <div id="userDialog" class="easyui-dialog" title="保存用户"
        data-options="iconCls:'icon-save',closed:true"
        <!-- auto代表自动判定大小 -->
        style="width: 300px; height: auto; padding: 20px" buttons="#btns">

        <!--表单必须的属性:method="post",action提交的url地址,id属性 -->
        <!-- 注意id的命名,建议统一使用XXXForm -->
        <form id="userForm" method="post" action="user_save.jsp">
            <table>
                <tr>
                    <td>用户名:</td>
                    <td><input class="easyui-validatebox" type="text"
                        <!-- required:true代表此乃必填项 -->
                        name="username" data-options="required:true"></input></td>
                </tr>
                <tr>
                    <td>邮箱地址:</td>
                    <td><input class="easyui-validatebox" type="text" name="email"
                        data-options="validType:'email'"></input></td>
                </tr>
                <tr>
                    <td>主题:</td>
                    <td><input class="easyui-validatebox" type="text"
                        name="subject"
                        <!-- validType:'length[10,200]'代表限定字符数量为10至200 -->
                        data-options="required:true,validType:'length[10,200]'"></input></td>
                </tr>
                <tr>
                    <td>Message:</td>
                    <td><textarea name="message" style="height: 60px;"></textarea></td>
                </tr>
            </table>
        </form>
    </div>

    <!--按钮面板作为对话框操作面板 -->
    <div id="btns">
        <!--不要在href里面写js代码 -->
        <a id="btnSubmit" href="javascript:void(0)" class="easyui-linkbutton">保存</a>
        <a href="javascript:void(0)" class="easyui-linkbutton"
            onclick="$('#userDialog').dialog('close')">取消</a>
    </div>

</body>
</html>

就显示两个按钮:
图片说明

3个回答

showbo
showbo   Ds   Rxr 2016.04.26 08:52
已采纳

去掉,closed:true这个,要不只能点击add按钮打开dialog,页面也没有id为add的按钮,而且不要放html注释到标签里面,放外面去

  <div id="userDialog" class="easyui-dialog" title="保存用户"
         data-options="iconCls:'icon-save'"
        style="width: 300px; height: auto; padding: 20px" buttons="#btns">

        <!--表单必须的属性:method="post",action提交的url地址,id属性 -->
        <!-- 注意id的命名,建议统一使用XXXForm -->
        <form id="userForm" method="post" action="user_save.jsp">
            <table>
                <tr>
                    <td>用户名:</td>
                    <td><input class="easyui-validatebox" type="text"
                        name="username" data-options="required:true"></td>
                </tr>
                <tr>
                    <td>邮箱地址:</td>
                    <td><input class="easyui-validatebox" type="text" name="email"
                        data-options="validType:'email'"></td>
                </tr>
                <tr>
                    <td>主题:</td>
                    <td><input class="easyui-validatebox" type="text"
                        name="subject"
                        data-options="required:true,validType:'length[10,200]'"></td>
                </tr>
                <tr>
                    <td>Message:</td>
                    <td><textarea name="message" style="height: 60px;"></textarea></td>
                </tr>
            </table>
        </form>
    </div>
devmiao
devmiao   Ds   Rxr 2016.04.26 05:29
CSDNXIAOD
CSDNXIAOD   2016.04.25 22:12

Form表单做登陆页面
(札记)EasyUI Form表单
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
EasyUI验证form表单
missingMessage="必输项提示" data-options="required:true" validType="email" invalidMessage="自定义提示语" (只能使用官方定义好的验证) 自定义验证: $(function(){   $.extend($.fn.validatebox.defaults.rules, {       english : {
easyUI 运用窗口和form表单制作导出功能
这里运用到easyUI的窗口模式和form表单的提交制作一个有条件的导出excel数据统计的功能,主要是知道了怎么运用easyUI的窗口和表单 jsp中: <!-- 导出数据来源条件窗口 --> <div id="exportSign" > <form id="condition" method="post"> <div>
在easyUI中把form表单转换成json数据利用datagrid的load方法实现条件查询
//给表单绑定将表单转换成json对象方法$.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=this.serialize(); $(array).each(function(){ if(serializeObj[this.name]){ if($.isArray(
EasyUI之表单Form
1、实例背景     EasyUI常用的Form表单,利用输入框直接提交值;清空按钮,将填写有误的数据进行清空2、实例源码 EasyUI之表单Form $(document).ready(function(){ //提交事件 $("#submitBtn").click(function(){ $(this).for
自定义方法将form表单中的数据转为json
有时候我们需要将页面的form表单的数据,进行格式化成json,比如easyui的回显功能,那么我们可以自己用jquery写一个方法实现: 这里有一个easyui的隐藏窗口,里面有一个表单,当表单输入查询条件后,点击查询,窗口关闭. 但是需要再次点开这个隐藏窗口,之前的搜索条件回显: &amp;amp;lt;scritp&amp;amp;gt; $(function(){ // 先将body隐藏,通过...
《MVC +EasyUI 》——表单的提交
之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax穿参。当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。     一、要实现的功能:从上面这个表单中,获取控件中的值,然后传递给后台。下面是表单代码。     二、表单代
(札记)EasyUI Form表单
1、easyui跟extjs一样。form表单绑定数据的时候,一绑定时间格式的数据,其它数据就绑定不上了 2、easyui在form表单绑定数据时,不能绑定类名,即不能使用.来连接 可以这样绑定数据: $("#ff").form("load", { "testCm.id":row.id, "testCm.cphm":row.cphm, "testCm.cpys":row.
使用easyui实现手机校验规则
手机 <input type="text" name="telephone" class="easyui-validatebox" required="true" data-options="validType:'phonenumber'" /> //扩展校验规则$(function(){var reg = /^1[3|4|5|7|8|9][0-9]{9}$
easyUI disabled相关表单元素
easyui disabled使用
form表单运用datagrid的一些功能
表单中有datagrid时的提交方式: function to_save(form, tabTitle) { var localedata = $("#tab2").datagrid("getData")["rows"]; var sen_name = ""; var sen_resolution = ""; var sen_type = ""; var sen