【问题标题】:searching from jquery easyUi treegrid从 jquery easyUi treegrid 中搜索
【发布时间】:2013-03-07 10:16:11
【问题描述】:

我正在使用jquery EasyUi treegird ,我想从网格中进行过滤。


任何人从easyui treegrid实现了这样的功能,请给我建议或提供如何使用easyui treegrid进行过滤的代码。

【问题讨论】:

    标签: jquery jquery-ui jquery-easyui


    【解决方案1】:

    不确定您是否还在寻找,但这里有一个使用 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>

    我没有包含后端的东西,但是,在您的支持 bean 中,您将有一个名为 searchAjax 的方法,该方法获取 searchFilter 参数,然后调用服务层,将参数作为参数传递给搜索方法。

    结果(一个集合)从服务层返回到支持 bean,后者将它们转换为 JSON(也未显示),然后 doSearch() 重新绘制树形网格以显示找到的结果

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-06
      • 2013-02-27
      • 2012-10-06
      • 1970-01-01
      • 2018-03-07
      • 2017-05-13
      相关资源
      最近更新 更多