easyui之atagrid的基本使用.docxVIP

编辑 文章分类:Web前端 加载相关js和css，因为easyui依赖jquery，所有加载easyui前要先加载jquery，否则为提示找不到datagrid??Html代码 !--?加载jquery?--??script?type=text/javascript?src=plugins/jquery/jquery-1.4.2.min.js/script??!--?加载jquery-easyui?--??link?rel=stylesheet?type=text/css?href=plugins/jquery/jquery-easyui-1.1.2/themes/default/easyui.css??link?rel=stylesheet?type=text/css?href=plugins/jquery/jquery-easyui-1.1.2/themes/icon.css??script?type=text/javascript?src=plugins/jquery/jquery-easyui-1.1.2/jquery.easyui.min.js/script? 界面加入??Html代码 table?id=cxdm/table??加载datagrid的js代码??Java代码 //页面加载??$(document).ready(function(){???loadGrid();??});???//加载表格datagrid?function?loadGrid()??{???//加载数据???$(#cxdm).datagrid({???width:?auto,???height:300,?striped:?true,???singleSelect?:?true,???url:getPsNewConsultList.action,???//queryParams:{},???loadMsg:数据加载中请稍后……,???pagination:?true,???rownumbers:?true,?columns:[[???{field:adviceid,title:?来文号,align:?center,width:?getWidth(0.2)},???{field:consulter,title:?案由,align:?center,width:?getWidth(0.45),???//添加超级链，并将来文号作为参数传入???formatter:function(val,rec){???//alert(rec.adviceid);???return?a?href=jsp/proposal/psconsultview.jsp?id=+rec.adviceid++val+/a;???}???},???{field:content,title:?状态,align:?center,width:?getWidth(0.2)},???{field:replynumber,title:?回复数,align:?center,width:?getWidth(0.05)}?]]???});??}???//为loadGrid()添加参数???var?queryParams?=?$(#cxdm).datagrid(options).queryParams;???queryParams.who?=?who.value;???queryParams.type?=?type.value;???queryParams.searchtype?=?searchtype.value;???queryParams.keyword?=?keyword.value;???//重新加载datagrid的数据???$(#cxdm).datagrid(reload);????datagrid添加参数的方式Js代码 //为loadGrid()添加参数??var?queryParams?=?$(#cxdm).datagrid(options).queryParams;???queryParams.who?=?who.value;???queryParams.type?=?type.value;???queryParams.searchtype?=?searchtype.value;???queryParams.keyword?=?keyword.value;???//重新加载datagrid的数据???$(#cxdm).datagrid(reload);???或者直接添加在url中Js代码 $(#repeatpspolal).datagrid({???title:重复的未初分提案,???loadMsg:数据加载中，请稍后……,???region:north,???url:getRep