easyui之datagrid的基本使用.docxVIP

HYPERLINK http://669341085./admin/blogs/758832/edit编辑 文章分类: HYPERLINK /blogs/category/web 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?? !-- 加载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?? 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);?? ??????????