首页 \ 问答 \ 从jquery easyUi treegrid搜索(searching from jquery easyUi treegrid)

从jquery easyUi treegrid搜索(searching from jquery easyUi treegrid)

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


任何一个从easyui树网格实现这样的功能,请建议我或提供如何使用easyui treegrid进行过滤的代码。


I am working with jquery EasyUi treegird and i want to do filtering from the grid.


any one implemented such a functionality from easyui tree grid kindly suggest me or provide me code that how to do filtering using easyui treegrid.


原文:https://stackoverflow.com/questions/15268449
更新时间:2020-05-27 10:05

最满意答案

不确定如果你还在寻找,但这是一个使用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()重新绘制treegrid以显示找到的结果


Not sure If you're still looking, but here's a solution using HTML, Jquery/jeasyui/Ajax and 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/Ajax. This is placed in the same file as the HTML code above:

    <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>

I haven't included the backend stuff, but, in your backing bean, you would have a method called searchAjax which gets the searchFilter parameter and then calls the service layer, passing the parameter as an argument to the search method.

The results (a collection) are returned from the service layer to the backing bean which converts them to JSON (also not shown) and then doSearch() re-draws the treegrid to display the found results

相关问答

更多
  • SpringMVC实现文件上传,直接上代码: 后台代码: @RequestMapping(value = "/uploadApk") @ResponseBody public Object uploadApk( @RequestParam(value = "apkFile") MultipartFile apkFile, HttpServletRequest request, HttpServletResponse response) { Map resMap = new Ha ...
  • 这样不行的,你实际界面上看到的空间已经不是你现在定义的那个input了,所以你的onblur不会触发。 你看一下easyui的textbox,有一个dataoption属性,里面会有类似onblur的属性,为这个属性赋值就ok了
  • 你可以用jquery 1.X 替换easyui 1.3.3 自带的jquery 2.x,可以正常使用
  • 基本上现在流行的ui都是从jquery ui衍变过来的,包括easyui,bootstrap等等,所以说jquery ui是这些ui的基础,easyui是jqury ui的进化 据我所知,webform是支持easyui的
  • easyui的css文件夹下面有一个theme文件夹,里面就是装了不同风格的样式表,每个组件都有单独一个文件,也有一个全部合起来的easyui.css,找到panel.css后就复制几个,然后再单独修改
  • 首先得会jQuery, 因为jQuery easyui是基于jQuery的UI库而且,基本的语法还是jQuery,在会jQuery的情况下,只需要下载jQuery easyui官方包下来,查看demo和API照着做就行了,我一开始也是现拷贝他demo的代码来做一些小应用,不知道的属性和方法查一下API,小应用写完之后就应用熟悉了。 一句话,主要还是jQuery语法。
  • $("#name").val("") 每次打开必须清空上次的历史。
  • 而不是获取静态json文件..将网址指向您获得动态值的页面..说动态.php url:'dynamic.php', .... 做你喜欢mysql连接的东西..或者在dynamic.php中获取动态数据并将其作为json返回.... dynamic.php //do your stuff like getting dynamic datas in array.. $dynamicarray= $yourDynamicDataArray.. echo json_encode($dynamicarray) ...
  • datagrid的loadFilter函数可以将任何数据转换为可以加载到datagrid中的标准数据格式。