JSFiddle - React, Tailwind, and code Playground

by Hilarius Doren

HTML

<link rel="stylesheet" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" href="http://www.jeasyui.com/easyui/themes/icon.css">
<link rel="stylesheet" href="http://www.jeasyui.com/easyui/demo/demo.css">
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<h2>Add search functionality in DataGrid</h2>
    <div class="demo-info" style="margin-bottom:10px">
        <div class="demo-tip icon-tip">&nbsp;</div>
        <div>Enter search values and press search button.</div>
    </div>

    <table id="tt" class="easyui-datagrid" style="width:700px;height:250px"
            
            title="TEST" iconCls="icon-search" toolbar="#tb"
            rownumbers="true" pagination="true">
        <thead>
            <tr>
                <th field="prtProjetNum" width="120">prtProjetNum</th>
                <th field="prtLocation" width="120">prtLocation</th>

            </tr>
        </thead>
    </table>
    <div id="tb" style="padding:3px">
        <span>Item ID:</span>
        <input id="prtProjetNum" style="line-height:26px;border:1px solid #ccc">


        <a href="#" class="easyui-linkbutton" plain="true" onclick="doSearch()">Search</a>
    </div>


        <form method="post" action="index.php">
                <input type="submit" name="disconnect"  value="Se déconnecté" id="disconnectsheet"  />
        </form>

JavaScript

function doSearch(){
            $('#tt').datagrid('load',{
                prtProjetNum: $('#prtProjetNum').val(),

            });
        }