EasyUI datagrid 다중 조건 조회

12600 단어 datagrid
<script type="text/javascript">

 

        $(function () {

            $("#dg").datagrid({

                url: '',

                singleSelect: true,

                pagination: true,

                pageSize: 15,

                pageList: [5, 10, 15, 20, 30, 50, 80, 200],

                queryParams: form2Json("searchform"),  // 

                // 

            frozenColumns: [[{

                field: 'ck', checkbox: true

            },

        ]],

            columns: [[{

                field: "be_id",

                title: " ID",

                hidden: true

            }, {

                field: "be_name",

                title: " ",

                align: 'left',

                width: 100

            }, {

                field: "be_post",

                title: " ",

                align: 'left',

                width: 200

 

            }, {

                field: "dt_id",

                title: " ",

                align: 'center',

                width: 100,

                formatter: function (value, row) {

                    return formatterDepartment(value)

                }

            }, {

                field: "be_intro",

                title: " ",

                align: 'left',

                width: 450

            }, {

                field: "be_order",

                title: " ID",

                align: 'center',

                width: 100

            }]],

            })//datagrid

 

 

          $("#submit_search").linkbutton({ iconCls: 'icon-search', plain: true })

            .click(function () {

                $('#dg').datagrid({ queryParams: form2Json("searchform") });   // 

            });

 

        })

 

        // json

        function form2Json(id) {

 

            var arr = $("#" + id).serializeArray()

            var jsonStr = "";

 

            jsonStr += '{';

            for (var i = 0; i < arr.length; i++) {

                jsonStr += '"' + arr[i].name + '":"' + arr[i].value + '",'

            }

            jsonStr = jsonStr.substring(0, (jsonStr.length - 1));

            jsonStr += '}'

 

            var json = JSON.parse(jsonStr)

            return json

        }

 

    </script>

HTML
<form name="searchform" method="post" action="" id ="searchform">

    <td width="70" height="30"><strong> :</strong></td>

    <td height="30">

        <input type="text" name="keyword" size=20 >

        <select name="search_type" id="search_type" >

            <option value="-1"> </option>

            <option value="be_name" > </option>

            <option value="be_intro"> </option>

        </select>

        <select name="search_dept" id="search_dept">

            <option value="-1"> </option>

        </select>

        <a id="submit_search"> </a>

    </td>

  </form>

  <table id="dg"></table>

 
queryParams:form2Json("searchform")이 관건입니다. 이 속성은 검색 단추를 위한 클릭 이벤트 $("#submit_search")를 연결하는 데 사용됩니다.click(function () {                $('#dg').datagrid({ queryParams: form2Json("searchform") });//검색 클릭});

좋은 웹페이지 즐겨찾기