easyui toolbar 搜索

EasyUI Toolbar 是一个常用的网页 UI 组件，提供了一系列常用的工具栏（Toolbar）控件，包括按钮、下拉框、文本框等。如果你想在 EasyUI Toolbar 中添加搜索框，可以按照以下步骤进行：

1. 在 HTML 中添加一个搜索框的输入框，例如：

<input class="easyui-textbox" data-options="prompt:'Search...',iconCls:'icon-search',iconAlign:'left',buttonText:'Search'" style="width:200px;">

2. 在 JavaScript 中使用 easyui 方法来初始化 Toolbar，并将搜索框添加到工具栏中，例如：

$('#toolbar').toolbar('append', {
    text: 'Search:',
    iconCls: 'icon-search',
    align: 'left',
    items: [{
        text: '',
        html: '<input class="easyui-textbox" data-options="prompt:\'Search...\',iconCls:\'icon-search\',iconAlign:\'left\',buttonText:\'Search\'" style="width:200px;">'
    }]
});

其中，`#toolbar` 是 EasyUI Toolbar 的 ID，`text` 和 `iconCls` 分别表示搜索框前面的文本和图标，`items` 中包含了搜索框的 HTML 代码。

3. 如果需要在搜索框中输入文字后触发搜索事件，可以为搜索框添加 `onChange` 事件，例如：

$('.easyui-textbox').textbox({
    onChange: function(newValue, oldValue) {
        // 处理搜索逻辑
    }
});

在 `onChange` 事件中，你可以编写相应的搜索逻辑，例如向服务器发送 AJAX 请求获取搜索结果，并将结果显示在页面上。

希望这些信息能够帮助你实现 EasyUI Toolbar 中的搜索框。