如何給easyui datagrid toolbar上方添加搜索框

        最近在使用easyui編寫後臺框架時，遇到一個頭疼的問題，就是給datagrid添加一個搜索框，蛋疼的是官方貌似沒有提供相關的方法(有多是我不知道，若是哪位大神知道，但願能告知)。

        百度了好久，搜索到一篇博文，是經過prependTo到.datagrid-toolbar的方式，這樣子確實是可行的。樓主使用的是tab，在每一個tab上面都有一個datagrid，因爲樓主是使用js動態添加節點，因此面臨了一個問題，就是easyui給全部datagrid的toolbar生成的dom的class(好繞:P)都是這個，因此用prependTo()會給全部的toolbar都加上要生成的dom。

        後來經過觀察自動生成的頁面的代碼，發現每次生成一個新的tab時，所在的panel的div的style會變爲block，查看了jquery的prependTo()的api，發現prepend的對象是選擇器(selector)，因此我在控制檯試驗了一下，經過style來指定要prepend的toolbar。代碼以下("#tabs是盛放tab的div的id")。

//tab初始化完畢以後

$("<table><tr><td style='padding:0 8px'><label>標題:</label></td><td><input id='sTitle' name='sTitle'></td></tr></table>").prependTo("#tabs .panel[style='display: block;'] .datagrid-toolbar");

$('#sTitle').searchbox({
    width : 180,
    searcher : doSearch,
    prompt : '請輸入標題'
});

function doSearch() {
    $("#grid").datagrid("load", {
    	"sTitle" : $("#sTitle").val()
    });
}

效果以下圖：