EASY中如何指定datagrid的toolbar为一个DIV？

Question

JSP中，可以这样：
<div id="tt_toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" disabled="true" plain="true" id="tt_add_btn">增加</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" disabled="true" plain="true" id="tt_modify_btn">修改</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-no" disabled="true" plain="true" id="tt_remove_btn">删除</a>
<div class="datagrid-btn-separator"></div>
<input id="tt_quickSearchValue"></input>
<a href="#" class="easyui-linkbutton" iconCls="icon-search" disabled="true" plain="true" id="tt_search_btn">检索</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-down" disabled="true" plain="true" id="tt_down_btn">下载</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-page_link" disabled="true" plain="true" id="tt_view_btn">查看</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-recycle" disabled="true" plain="true" id="tt_recycle_btn">回收站</a>
</div><div region="center" title="" style="overflow:hidden;"> 
<table id="tt" toolbar="#tt_toolbar"></table>
</div>
但是在使用JS切换Toolbar的时候，如何指定呢？
$(_tt).datagrid('options').toolbar = '#tt_toolbar';
// $(_tt).attr('toolbar','#tt_toolbar');
// $(_tt).datagrid('options').toolbar = $('#tt_toolbar');
这些都试过了，都不行呀，求指教。
因为我需要在toolbar上加入输入框作为检索条件，所以没有在JS中定义toolbar。

Answer 1

不知道这个toolbar是个什么玩意，帮你顶一下把！！

Answer 2

。EASYUI中的一个菜单栏。。
感谢哈~

Answer 3

哎，还是没人回答。
目前把快速检索又改回搜索的dialog了。
问题提交UI组去看看能不能做了。

Answer 4

我找到了 你看看是不是<div id="GridParentBox">
    <table id="grid">
    </table>
</div>
<div id="dlg-toolbar" style="padding:2px 0">
<table cellpadding="0" cellspacing="0" style="width:100%">
<tr>
<td style="text-align:right;padding-right:2px">
<input class="easyui-searchbox" searcher="qq"/>
</td>
</tr>
</table>
</div>
$(function () {
            $('#grid').datagrid($.extend(DefaultGridParams, {
                url: LoadDataUrl,
                queryParams: {},
                columns: [[
                           { title: 'ID', field: 'ID', width: 30, hidden: true, align: 'center', sortable: true, sorter: sorterFn },
                           { title: '会员组名称', field: 'GroupName', width: 100, sortable: true, sorter: sorterFn },
                           { title: '图标', field: 'Ico', width: 100, sortable: true, sorter: sorterFn },
                           { title: '状态', field: 'opt1', width: 50, align: 'center', formatter: stateFormatterFn },
                           { title: '产品', field: 'opt2', width: 50, align: 'center', formatter: productFormatterFn },
                           { title: '权限', field: 'opt3', width: 50, align: 'center', formatter: recordFormatterFn },
                           { title: '操作', field: 'opt', align: 'center', width: 66, formatter: editFormatterFn }
                       ]],
                toolbar: [{
                    text: '添加',
                    iconCls: 'icon-add',
                    handler: function () {
                        parent.addTab(AddTabTitle, AddUrl);
                    }
                }, {
                    text: '编辑',
                    iconCls: 'icon-edit',
                    handler: function () {
                        editRowFn("grid");
                    }
                }, {
                    text: '搜索',
                    iconCls: 'icon-search',
                    handler: function () {
                        alert('搜索')
                    }
                }],
                onLoadSuccess: function () {
                    var grid = $(".datagrid-toolbar"); //datagrid 
                    var dlg = $("#dlg-toolbar");
                    dlg.attr("style", "float:left"); 
                    grid.append(dlg);
                }            }));
        });
        function qq(value, name) {
            alert(value);
        }   

Answer 5

建议楼主可以看看 easyui的帮助文档 里面都有，我看了看都是 html的 我用的都是script 再百度了一下就有了

Answer 6

这样的话，切换TOOLBAR怎么做呢？
我切换到回收站的TOOLBAR上面也应该就添加了搜索框了，而我回收站那边不想要这个搜索框。。

Answer 7

现在的解决方案UI组给出了toolbar : [ '-', {
text: '<input id="tt_quickSearchValue" style="margin-top:-4px;height:20px;line-height:20px" />'
}, {
id : 'pde-list',
text : '检索一下',
//disabled : true,
iconCls : 'icon-search',
handler : quickSearch
}]这样的样式就是按钮层上面放输入框，你可以试下。
不过还有瑕疵。