jQuery easyui数据网格动态查询数据实例讲解

该插件组小巧使用方便，以下是一个从前台提交查询条件，从MSSQL返回json数据的一个事例超文本标记语言前端代码复制代码代码如下：PHP include _ once(' auth。PHP’)；超文本标记语言头元http-equiv='内容-类型' Content=' text/html；charset=UTF-8'/link rel='样式表'类型=' text/CSS ' href='/Inc/js/EasyUI/themes/default/EasyUI。CSS ' link rel='样式表'类型=' text/CSS ' href='/Inc/js/EasyUI/themes/icon。' CSS '脚本类型=' text/JavaScript ' src=' http :/Inc/js/Easyui/jquery-1。8 .0 .量滴js /脚本脚本脚本datagrid('load '，{个人代码： $(' #个人代码').val()，KQYM:$('#KQYM ').val()})；}/script/head body table id=' my table ' class=' measuri-datagrid ' style=' width :600 px；高度=500 px ' URL=' loadgriddata _ get。PHP ' title='请输入查询条件rownumbers='true '工具栏='#searchtool' loadMsg='正在查询.'第一个字段='人员代码'宽度='80 '工号第/th字段='我的名字'宽度='80 '姓名第/th字段='KQDate '宽度='100 '考勤日期/th字段='我的一周'宽度='80 '星期第/th字段='KQMemo '宽度='200 '打卡时间/th/tr/thead/table div id='搜索工具' style=' padd :5 px ' span工号：/span put type=' text ' id=' personal COde ' value=' size=10/span考勤年月：/span put type=' text ' id=' KQYM ' value=' size=10/a href=' JavaScript : find data()' class=' measuri-link button ' data-options=' iconcl s 3360 ' icon-search ' '查询/a div /body /html以下是取数据集，并将数据组装成json对象返回给前台的服务器端编程语言(专业超文本预处理器的缩写)代码复制代码代码如下：PHP include _ once(' auth。PHP’)；Inc _ once(' Inc/ms _ conn . PHP ')；Inc _ once(' Inc/comm _ function。PHP’)；$ person code=$ _ POST[' person code ']；//前端传来的参数$ KQYM=$ _ POST[' KQYM ']；$sqlstr='Exec dbo .HR_Prg_GetPersonYMKQ2 '$KQYM '，' $ person code '；$ RS=MSSQL查询($ sqlstr)；//自定义的mssql方法，类拟mssql_query方法$ row=MSSQL _ num _ rows($ RS)；//取行总行数$ result[' total ']=$ row；$ items=array()；while($ row=MSSQL _ fetch _ array($ RS)){ foreach($ row作为$ key=$ value){//这里很重要，php的json_encode只支持utf-8，否则含汉字字段值会被置为null $row[$key]=iconv('gb2312 '，' UTF-8 '，$ row[$ key])；} array_push($items，$ row)；} $ result[' row ']=$ items；echo JSON _ encode($ result)；以下为效果图