1. 首页
  2. 问答
  3. 从jquery easyUi treegrid搜索

从jquery easyUi treegrid搜索

2013-03-07 205 views

回答

0

不知道，如果你还在寻找，但这里是一个使用HTML的解决方案，jQuery的/ jeasyui/AJAX和Java：

  1. HTML：

    <html>
    <form>
    <input id="searchFilter" name="searchFilter" class="required" />
    <a href="#" onclick="doSearch()">Search</a>
    </form>
    <%-- the treegrid (a table) to contain the results --%>
    <table id="dgMilestone"></table>
    <html>

  2. Jeasyui /阿贾克斯。这被放置在相同的文件如上述的HTML代码：

    <script type="text/javascript">
    $('#dgMilestone').treegrid({
    url:"yourBean.action?&listAjax",
    idField:'id',
    refresh:'id',
    treeField:'name',
    columns:[[
    {field:'name',title:'Name',width:250, rowspan:2, sortable:'true'},
    ]]

    });

    function doSearch() {
    // get the search parameter
    var search = $('#searchFilter').val();
    // call your backing bean method, passing the search filter
    $('#dgMilestone').treegrid({
    url:'yourBean.action?&_eventName=searchAjax&searchFilter='+search });
    }
    </script>

我没有包括后端ST uff，但是在你的支持bean中，你会有一个名为searchAjax的方法，它获取searchFilter参数，然后调用服务层，并将参数作为参数传递给搜索方法。

结果（一个集合）从服务层返回到支持bean，它将它们转换为JSON（也未显示），然后doSearch（）重新绘制treegrid以显示找到的结果

来源

2013-04-22 09:02:42 Tone

相关问题

 相关问题