easy UI列表js

以下是一个简单的UI列表示例，使用JavaScript和HTML实现：

HTML代码：

<div id="list">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
</div>

JavaScript代码：

// 获取列表元素和所有列表项
var list = document.getElementById('list');
var items = list.getElementsByTagName('li');

// 为每个列表项添加点击事件
for (var i = 0; i < items.length; i++) {
  items[i].addEventListener('click', function() {
    // 切换列表项的选中状态
    this.classList.toggle('selected');
  });
}

CSS代码：

/* 样式选中的列表项 */
.selected {
  background-color: #ccc;
}

上述代码将为列表中的每个列表项添加一个点击事件，当用户点击列表项时，该项的选中状态将切换。在CSS中，我们还为选中的列表项添加了一些样式，以突出显示它们。

相关问题

easy ui 表单绑定

EasyUI 提供了很多表单组件，如文本框、下拉框、日期选择框等，可以通过表单绑定实现数据的双向绑定。下面是一个简单的示例代码：

HTML 代码：

<form id="myForm">
    <input class="easyui-textbox" name="username" data-options="required:true">
    <input class="easyui-textbox" type="password" name="password" data-options="required:true">
    <input class="easyui-datebox" name="date" data-options="required:true">
    <select class="easyui-combobox" name="gender" data-options="required:true">
        <option value="male">Male</option>
        <option value="female">Female</option>
    </select>
</form>

JavaScript 代码：

$(function(){
    $('#myForm').form({
        url: 'submit.php',
        onSubmit: function(){
            return $(this).form('validate');
        },
        success: function(result){
            alert(result);
        }
    });
});

在这个例子中，我们使用了 EasyUI 的表单组件，并使用 `form` 方法将表单与后台的 `submit.php` 文件绑定。在提交表单之前，我们使用 `onSubmit` 事件来验证表单是否填写完整，如果表单验证通过，则将表单数据提交给后台。在后台处理完数据之后，会将处理结果返回给前端，并在 `success` 事件中弹出一个提示框来显示处理结果。

easy ui numberbox赋值

你可以通过以下方式给 EasyUI Numberbox 赋值：

HTML 代码：

<input class="easyui-numberbox" id="numberbox" name="numberbox" value="" />

JavaScript 代码：

// 获取 EasyUI Numberbox 对象
var nb = $('#numberbox');

// 设置值
nb.numberbox('setValue', 10);

以上代码会将 Numberbox 的值设置为 "10"。你可以根据需要修改设置的值。