Jquery EasyUI系列教程4

2019-03-28 21:44|来源: 薄荷糖

  1. 这里是一个JqueryUI官网的一个小Demo,对学习Tree很有用

  2. <!DOCTYPE html>
    <html>
    <head>
    <metacharset="UTF-8">
    <title>Basic Tree - jQuery EasyUI Demo</title>
    <linkrel ="stylesheet"type="text/css"
        href="../../themes/default/easyui.css"> <linkrel
        ="stylesheet"type="text/css" href="../../themes/icon.css"> <linkrel
        ="stylesheet"type="text/css" href="../demo.css"> <scripttype
        ="text/javascript"src="../../jquery.min.js">
    </script> <scripttype ="text/javascript"src="../../jquery.easyui.min.js">
    </script>
    </head>
    <body>
        <h2>Basic Tree</h2>
        <divclass="demo-info"> <divclass ="demo-tipicon-tip">
        </div>
        <div>Click the arrow on the left to expand or collapse nodes.</div>
        </div>
        <divstyle="margin:10px0;">
        </div>
        <ulclass="easyui-tree">
        <li><span>My Documents</span>
            <ul>
                <lidata-options="state:'closed'"> <span>Photos</span>
                <ul>
                    <li><span>Friend</span></li>
                    <li><span>Wife</span></li>
                    <li><span>Company</span></li>
                </ul></li>
        <li><span>Program Files</span>
            <ul>
                <li>Intel</li>
                <li>Java</li>
                <li>Microsoft Office</li>
                <li>Games</li>
            </ul></li>
        <li>index.html</li>
        <li>about.html</li>
        <li>welcome.html</li>
        </ul>
        </li>
        </ul>
    </body>
    </html>


  3. 效果如下:



相关问答

更多
  • 这样不行的,你实际界面上看到的空间已经不是你现在定义的那个input了,所以你的onblur不会触发。 你看一下easyui的textbox,有一个dataoption属性,里面会有类似onblur的属性,为这个属性赋值就ok了
  • 你可以用jquery 1.X 替换easyui 1.3.3 自带的jquery 2.x,可以正常使用
  • 基本上现在流行的ui都是从jquery ui衍变过来的,包括easyui,bootstrap等等,所以说jquery ui是这些ui的基础,easyui是jqury ui的进化 据我所知,webform是支持easyui的
  • easyui的css文件夹下面有一个theme文件夹,里面就是装了不同风格的样式表,每个组件都有单独一个文件,也有一个全部合起来的easyui.css,找到panel.css后就复制几个,然后再单独修改
  • 基本上现在流行的ui都是从jquery ui衍变过来的,包括easyui,bootstrap等等,所以说jquery ui是这些ui的基础,easyui是jqury ui的进化 据我所知,webform是支持easyui的
  • 首先得会jQuery, 因为jQuery easyui是基于jQuery的UI库而且,基本的语法还是jQuery,在会jQuery的情况下,只需要下载jQuery easyui官方包下来,查看demo和API照着做就行了,我一开始也是现拷贝他demo的代码来做一些小应用,不知道的属性和方法查一下API,小应用写完之后就应用熟悉了。 一句话,主要还是jQuery语法。
  • $("#name").val("") 每次打开必须清空上次的历史。
  • 我公司也在用JQuery EASYUI+asp.netMVC开发ERP系统 它的数据格式都是json格式,是一种轻量级的数据交换语言! 而且他的控件都是基于JQuery的jar包 我这里有一个简单的整合的文档教程,至于怎么取开发,我建议你去多了解一下什么是json和ajax!因为数据展示与提交,会需要到,其他的你可以上EASYUI官网,上面教你怎么使用控件,很简单的!希望对你有帮助
  • 在CakePHP中,javascript文件存储在app / webroot / js /中。 然后,您可以通过调用将它们包含在布局中 echo $html->script('jquery-1.7.2.min.js'); 然后,您可以在视图或其他外部js文件中编写javascript代码。 In CakePHP javascript files are stored in app/webroot/js/. You then can include them in the layout by calli ...
  • 不确定如果你还在寻找,但这是一个使用HTML,Jquery / jeasyui / Ajax和Java的解决方案: HTML:
    Search
    <%-- the treegrid (a table) to contain the results --%>