码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI入门第一课

时间:2014-10-09 23:17:21      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   os   使用   ar   java   

首先下载easyUI,最好是最新的,然后新建一个空web程序或是网站,不废话,代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="JqueryEasyUI.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>EasyUI入门第一课</title>
    <script src="jquery-easyui-1.4/jquery.min.js"></script>
    <script src="jquery-easyui-1.4/easyloader.js"></script><%--有这一行就不用加载下面的几行了,但是设置标签时需要使用easyloader.load(array,function)--%>
   <%-- <script src="jquery-easyui-1.4/jquery.easyui.min.js"></script>所有压缩后js
    <link href="jquery-easyui-1.4/themes/default/easyui.css" rel="stylesheet" />所有标签样式
    <link href="jquery-easyui-1.4/themes/icon.css" rel="stylesheet" />图标样式
    <script src="jquery-easyui-1.4/locale/easyui-lang-zh_CN.js"></script>--%>中文
    <script type="text/javascript">
        $(function () {
            //除了图片外,其他标签都已经加载完毕后执行,而body中的onload()事件是在所有的包括图片在内的加载完执行的事件。
            //$("#divDia").dialog();//js设置dialog
            //console.info($("#divDia"));
            easyloader.load(["dialog","messager"], function () {
                $("#divDia").dialog({modal: true});//modal是使用的window的属性
                $.messager.alert(Title,messager);//消息提示框
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <%--<div class="easyui-dialog" style="width:400px;height:200px;position:relative">dialog</div>--%><%--标签中设置dialog--%>
         <div  id="divDia"  style="width:400px;height:200px;position:relative">dialog</div>
        不过我对parser产生了疑问。。。
    </div>
    </form>
</body>
</html>

 

EasyUI入门第一课

标签:style   blog   http   color   io   os   使用   ar   java   

原文地址:http://www.cnblogs.com/vakeynb/p/4014552.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!