jQuery EasyUI入门到精通(24)DataList

 时间:2024-10-26 10:09:07

1、Basic DataList(基础数据谱驸扌溺列表),The DataList can be created from the <ul> element(这种数据列表可以用ul元素来创建).<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic DataList - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <link rel="stylesheet" type="text/css" href="../demo.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script></head><body> <h2>Basic DataList</h2> <p>The DataList can be created from the &lt;ul&gt; element.</p> <div style="margin:20px 0;"></div> <ul class="easyui-datalist" title="Basic DataList" lines="true" style="width:400px;height:250px"> <li value="AL">Alabama</li> <li value="AK">Alaska</li> <li value="AZ">Arizona</li> <li value="AR">Arkansas</li> <li value="CA">California</li> <li value="CO">Colorado</li> <li value="CT">Connecticut</li> <li value="DE">Delaware</li> <li value="FL">Florida</li> <li value="GA">Georgia</li> <li value="HI">Hawaii</li> <li value="ID">Idaho</li> <li value="IL">Illinois</li> <li value="IN">Indiana</li> <li value="IA">Iowa</li> <li value="KS">Kansas</li> <li value="KY">Kentucky</li> <li value="LA">Louisiana</li> <li value="ME">Maine</li> <li value="MD">Maryland</li> <li value="MA">Massachusetts</li> <li value="MI">Michigan</li> <li value="MN">Minnesota</li> <li value="MS">Mississippi</li> <li value="MO">Missouri</li> <li value="MT">Montana</li> <li value="NE">Nebraska</li> <li value="NV">Nevada</li> <li value="NH">New Hampshire</li> <li value="NJ">New Jersey</li> <li value="NM">New Mexico</li> <li value="NY">New York</li> <li value="NC">North Carolina</li> <li value="ND">North Dakota</li> <li value="OH">Ohio</li> <li value="OK">Oklahoma</li> <li value="OR">Oregon</li> <li value="PA">Pennsylvania</li> <li value="RI">Rhode Island</li> <li value="SC">South Carolina</li> <li value="SD">South Dakota</li> <li value="TN">Tennessee</li> <li value="TX">Texas</li> <li value="UT">Utah</li> <li value="VT">Vermont</li> <li value="VA">Virginia</li> <li value="WA">Washington</li> <li value="WV">West Virginia</li> <li value="WI">Wisconsin</li> <li value="WY">Wyoming</li> </ul></body></html>

2、Basic DataList(基础数据列表),运行效果如下图所示:

jQuery EasyUI入门到精通(24)DataList

4、Group DataList(分组数据列表),运行效果如下图所示:

jQuery EasyUI入门到精通(24)DataList

6、Multiple Selection DataList(多选数据列表),运行效果如下图所示:

jQuery EasyUI入门到精通(24)DataList

8、Binding to Remote Data(远程绑定数据列表),运行效果如下图所示:

jQuery EasyUI入门到精通(24)DataList

10、Checkbox in DataList(复选框数据列表),运行效果如下图所示:

jQuery EasyUI入门到精通(24)DataList
  • 怎么禁止虚假百度蜘蛛?
  • 本地搭建PHP环境安装wordpress图文详细教程
  • Visual Studio MFC教程(2):界面简介(2)
  • Beyond Compare 使用教程
  • 表格制作软件FineReport中如何设置报表块样式
  • 热门搜索
    怎么让图片内存变小 甘南旅游必去景点 朱家尖旅游 银杏叶怎么吃 隶属关系怎么填 10月工资可以提前至9月发 嵊泗旅游 婴儿多大可以把尿 旅游车 包皮手术后多久可以同房