easyui 行高-datagrid的行高怎么设置
点击联系发帖人
时间：2016-01-31 10:00
CSS技能教程：浏览器兼容技巧10则(转)_EasyUI中DataGrid的frozenColumns应用细节_Extjs 分页展示（SSH + json）__脚本百事通
稍等，加载中……
^_^请注意，有可能下面的2篇文章才是您想要的内容：
CSS技能教程：浏览器兼容技巧10则(转)
EasyUI中DataGrid的frozenColumns应用细节
Extjs 分页展示（SSH + json）
CSS技能教程：浏览器兼容技巧10则(转)
CSS技巧教程：浏览器兼容技巧10则(转)
一、IE边框若显若无，须注意，定是高度设置已忘记；二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；三、三像素文本慢移不必慌，高度设置帮你忙；四、兼容各个浏览须注意，默认设置行高可能是杀手；五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。九、IE浮动双边距，请用display:inline。十、列表横向排版，列表代码须紧靠，空隙自消须铭记。
EasyUI中DataGrid的frozenColumns应用细节
EasyUI中DataGrid的frozenColumns使用细节
DataGrid的frozenColumns的作用是冻结某些列.例如列表中的列过多。导致页面挤压的会非常难看。那么就可以通过设置grid的frozenColumns属性，来实现冻结某些列并拖动显示其他列信息.如果是通过js绘制grid的，则添加一个forzenColumns属性即可.frozenColumns:[[{field:'no',title:'编号',align:'left'},{field:'name',title:'名称',align:'left'}]]如果是html绘制的，则
&thead frozen="true"&
&th field="itemid" width="80"&Item ID&/th&
&th field="productid" width="80"&Product ID&/th&
这里有点要注意的就是，如果grid的宽高采用的是自适应，也就是设置了fit和fitColumns，那么grid列的width就不要设置了.否则可能冻结列设置没有效果
Extjs 分页展示（SSH + json）
Extjs 分页显示（SSH + json）Extjs 分页显示（SSH + json）
1.自定义json处理类：处理查询出来的teams 和 传进来的 pageInfo对象
（该类是模拟json的jar包）
package com.org.momo.
import java.util.L
import com.org.momo.bean.PageI
import com.org.momo.bean.S
import com.org.momo.bean.T
public class JsonUtil {
//teams开始
strBuffer.append("\"teams\":[");
//处理teams
for(int i=0;i&teams.size();i++)
Team team = teams.get(i);
//team开始
strBuffer.append("{");
strBuffer.append("\"id\":");
strBuffer.append(team.getId());
strBuffer.append(",");
//处理name
strBuffer.append("\"name\":\"");
strBuffer.append(team.getName());
strBuffer.append("\",");
//处理leader
strBuffer.append("\"leader\":\"");
strBuffer.append(team.getLeader());
strBuffer.append("\",");
//处理slogan
strBuffer.append("\"slogan\":\"");
strBuffer.append(team.getSlogan());
strBuffer.append("\",");
//处理members
strBuffer.append("\"members\":\"") ;
if(team.getMembers()!=null){
for(Student stu:team.getMembers()){
strBuffer.append(stu.getName()) ;
if(j&team.getMembers().size()){
strBuffer.append(",") ;
strBuffer.append("\"") ;
//team结束
if(i&teams.size()-1)
strBuffer.append("},");
strBuffer.append("}");
//teams结束
strBuffer.append("]");
strBuffer.append("}") ;
jsonStr = strBuffer.toString() ;
return jsonS
2.控制层处理类action:
package com.org.momo.action.
import java.io.PrintW
import java.util.L
import javax.annotation.R
import javax.servlet.http.HttpServletR
import org.apache.struts2.ServletActionC
import com.opensymphony.xwork2.ActionS
import com.org.momo.bean.PageI
import com.org.momo.bean.T
import com.org.momo.service.TeamS
import com.org.momo.util.JsonU
import com.org.momo.util.XmlU
public class ViewTeamsEXTAction extends ActionSupport {
private TeamService teamS
private PageInfo pageI
public PageInfo getPageInfo() {
return pageI
public void setPageInfo(PageInfo pageInfo) {
this.pageInfo = pageI
public String execute() {
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/charset=GBK");
PrintWriter out = response.getWriter();
pageInfo = new PageInfo();
pageInfo.setCurrentPage(start/5 + 1) ;
//设置当前页
pageInfo.setPageRows(5) ;
//设置每页显示多少行
//获取所有小组
List&Team& teams = teamService.pageTeams(pageInfo) ;
out.println(JsonUtil.teamsToExtPage(teams, pageInfo));
//将document转换为String输出
out.flush() ;
out.close() ;
} catch (Exception e) {
e.printStackTrace() ;
return NONE;
public void setStart(Integer start) {
this.start =
public Integer getStart() {
public void setLimit(Integer limit) {
this.limit =
public Integer getLimit() {
3.struts.xml配置路径：
&action name="ViewTeamsEXT" class="com.org.momo.action.team.ViewTeamsEXTAction"&
4.显示层：
&%@ page language="java" contentType="text/ charset=GBK" pageEncoding="GBK"%&
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";
&base href="&%=basePath%&"&
&meta http-equiv="Content-Type" content="text/ charset=GBK"&
&title&显示小组（Ajax）&/title&
&link rel="stylesheet" type="text/css" href="css/team.css" /&
&link rel="stylesheet" type="text/css" href="ext-2.0.2/resources/css/ext-all.css"/&
&script type="text/javascript" src="ext-2.0.2/adapter/ext/ext-base.js"&&/script&
&script type="text/javascript" src="ext-2.0.2/ext-all.js"&&/script&
&script type="text/javascript" src="js/trim.js"&&/script&
&script type="text/javascript"&
Ext.onReady(function(){
var store = new Ext.data.Store({
//Store开始
proxy:new Ext.data.HttpProxy({url:"team/ViewTeamsEXT",method:"post"}),
reader:new Ext.data.JsonReader(
{root:"teams",totalProperty:'totalProperty',id:"id"},
[{name:"id"},
{name:"name"},
{name:"leader"},
{name:"slogan"},
{name:"members"},
{name:"operation"}])
}) ; //Store结束
var column = new Ext.grid.ColumnModel([{header:'编号',dataIndex:'id'},
{header:'组名',dataIndex:'name'},
{header:'组长',dataIndex:'leader'},
{header:'口号',dataIndex:'slogan'},
{header:'组员',dataIndex:'members'},
{header:'操作',dataIndex:'operation'}]) ;
column.defaultSortable =//默认可排序
var grid = new Ext.grid.GridPanel({
renderTo:"teamExt",
width:800,
autoHeight:true,
title:'小组管理',
store:store,
cm:column,
autoExpandColumn:4,
bbar:new Ext.PagingToolbar({pageSize:5,store:store,displayInfo:true,displayMsg:'第{0}条到第{1}条,一共{2}条',emptyMsg:'没有记录'})}) ;
store.load({params:{start:0,limit:5}});
&div id="top"&
&h1&显示小组&/h1&
&div id="content"&
&div id="teamExt"&&/div&
&p&&div id="page"&&/div&&br/&
&p&&a href="team/index.jsp"&返回小组管理&/a&
如果您想提高自己的技术水平，欢迎加入本站官方1号QQ群：&&，&&2号QQ群：，在群里结识技术精英和交流技术^_^
本站联系邮箱：EasyUI&结合富文本Kindeditor,在datagrid显示富文本内容
结合富文本Kindeditor,在datagrid的单元格显示富文本编辑保存的内容(html格式)；
&2.单元格内容高度，8行数据以下为 行数 乘以
20px,8行数据以上为160px,同时单元格自动显示垂直滚动条；
&3.鼠标移动到单元格，将单元格的内容自动弹出显示在div上，利用tooltip技术；
&4.富文本的编辑的内容包含特殊字符如单引号
' 等，正常显示(数据库SqlServer)；
项目图片：
(富文本：变更内容、备注两列单元格)&&&
"p"其实指的是图片中，大家在以下代码相应替换即可。直接图片中的写法是
换行，因为博客是html格式
onLoadSuccess: function(data){ //【treegrid&
function(row,data)】
&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(data.total&0){//判断加载行数
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var panel = $(this).datagrid('getPanel');//获取面板
&&&&&&&&&&&&&&&&&&&&&&&&
var tr = panel.find('div.datagrid-body tr');
&&&&&&&&&&&&&&&&&&&&&&&&
tr.each(function(){//each 每行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var tdContent =
$(this).children('td[field="recordContent"]');//recordContent的单元格Dom
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var textValue =
tdContent.children("div").text();//文本内容&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var htmlValue=tdContent.children("div").html();//html内容
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var tdRemark =
$(this).children('td[field="remark"]');//remark的单元格Dom
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var textValueRemark =
tdRemark.children("div").text();//文本内容&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var htmlValueRemark=tdRemark.children("div").html();//html内容
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置& recordContent 单元格的行距 及 对齐方式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(textValue.length!=0){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置单元格div行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(countSubstr(htmlValue,"p",true)&=8){//小于等于8行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
height:parseInt(countSubstr(htmlValue,"p",true))*20,//设置默认行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
"overflow-y":"auto"
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
}else{//大于8行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
height:160,//设置默认行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
"overflow-y":"auto"
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置单元格元素 精确定位到div里的 p元素样式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").addClass("div_p");//
【添加div_p类& div p 行间距 】
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置& remark 单元格的行距 及 对齐方式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(textValueRemark.length!=0){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置单元格行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(countSubstr(htmlValueRemark,"p",true)&=8){//小于等于8行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
height:parseInt(countSubstr(htmlValueRemark,"p",true))*20,//设置默认行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
"overflow-y":"auto"
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
}else{//大于8行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
height:160,//设置默认行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
"overflow-y":"auto"
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置单元格元素 精确定位到div里的 p元素样式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").addClass("div_p");//
【添加div_p类& div p 行间距 】
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//不为空的 设置其tooltip方法
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(textValue!=""){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").tooltip({&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
'right',&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
onShow: function(e){&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(countSubstr(htmlValue,"p",true)&0){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").tooltip('update',htmlValue);//更新
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").tooltip('tip').addClass("div_p");//
【添加div_p类& div p 行间距 】
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//不为空的 设置其tooltip方法
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(textValueRemark!=""){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").tooltip({&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
'left',&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
onShow: function(e){&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(countSubstr(htmlValueRemark,"p",true)&0){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").tooltip('update',htmlValueRemark);//更新
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").tooltip('tip').addClass("div_p");//
【添加div_p类& div p 行间距 】
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
}//onsuccess
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。基于MVC4+EasyUI的Web开发框架经验总结（13）--DataGrid控件实现自动适应宽带高度 - 伍华聪 - 博客园
随笔 - 443, 文章 - 20, 评论 - 6745, 引用 - 20
在默认情况下，EasyUI的DataGrid好像都没有具备自动宽度的适应功能，一般是指定像素宽度的，但是使用的人员计算机的屏幕分辨率可能不一样，因此导致有些地方显示太大或者太小，总是不能达到好的预期效果，如果DataGrid能够根据窗口尺寸进行伸缩，效果应该好很多。本文主要介绍DataGrid控件实现自动适应宽带高度的操作。
首先我们需要定义一个resizeDataGrid的扩展函数，方便在页面里面进行调用，扩展函数定义如下所示。
//datagrid宽度高度自动调整的函数
$.fn.extend({
resizeDataGrid: function (heightMargin, widthMargin, minHeight, minWidth) {
var height = $(document.body).height() - heightM
var width = $(document.body).width() - widthM
height = height & minHeight ? minHeight :
width = width & minWidth ? minWidth :
$(this).datagrid('resize', {
height: height,
width: width
&定义好上面的函数后，我们就可以在页面里面使用Javascript进行调用，调用方法如下所示：$('#grid').resizeDataGrid。
var heightMargin = $("#toolbar").height() + 60;
var widthMargin = $(document.body).width() - $("#tb").width();
// 第一次加载时和当窗口大小发生变化时，自动变化大小
$('#grid').resizeDataGrid(heightMargin, widthMargin, 0, 0);
$(window).resize(function () {
$('#grid').resizeDataGrid(heightMargin, widthMargin, 0, 0);
通过上面的代码，我们就可以定义两个高度、宽度的边界，但是这些我们不应该固定化，应该通过一些界面代码的对象动态获取边框大小。
&HTML代码如下所示。
&div id="tb" style="padding:5height:auto"&
&!-------------------------------搜索框-----------------------------------&
&fieldset&
&legend&信息查询&/legend&
&form id="ffSearch" method="post"&
&div id="toolbar"&
&table cellspacing="0" cellpadding="0"&
&label for="txtProvinceName"&省份名称：&/label&
&input type="text" ID="txtProvinceName" name="txtProvinceName" style="width:100px"
&td colspan="2"&
&a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" id="btnSearch"&查询&/a&
&a href="javascript:void(0)" class="easyui-linkbutton" id="btnImport" iconcls="icon-excel" onclick="ShowImport()"&导入&/a&
&a href="javascript:void(0)" class="easyui-linkbutton" id="btnExport" iconcls="icon-excel" onclick="ShowExport()"&导出&/a&
&/fieldset&
&!-------------------------------详细信息展示表格-----------------------------------&
&table id="grid" style="width: 940px" title="用户操作" data-options="iconCls:'icon-view'"&
这个界面效果如下所示。
其他类似的界面类似效果如下所示。
对比上面的界面，下面的界面增加了左边一个面板，这里的代码也不需要特殊的设置。
var heightMargin = $("#toolbar").height() + 40;
var widthMargin = $(document.body).width() - $("#tb").width() + 20;
// 第一次加载时和当窗口大小发生变化时，自动变化大小
$('#grid').resizeDataGrid(heightMargin, widthMargin, 0, 0);
$(window).resize(function () {
$('#grid').resizeDataGrid(heightMargin, widthMargin, 0, 0);
上面的代码也只是根据效果进行了一些微调，基本和第一部分的设置宽度代码差不多。
也可以使用布局&class="easyui-layout"&进行调整，使DataGrid表格能够进行自动调整。
&div class="easyui-layout" data-options="fit:true" id="tb"&
&div data-options="region:'north'" style="padding:5height:70px"&
&!-------------------------------搜索框-----------------------------------&
&fieldset&
&legend&信息查询&/legend&
&form id="ffSearch" method="post"&
&div id="toolbar"&
&table cellspacing="0" cellpadding="0"&
&label for="txtProvinceName"&省份名称：&/label&
&input type="text" id="txtProvinceName" name="txtProvinceName" style="width:100px" /&
&td colspan="2"&
&a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" id="btnSearch"&查询&/a&
&a href="javascript:void(0)" class="easyui-linkbutton" id="btnImport" iconcls="icon-excel" onclick="ShowImport()"&导入&/a&
&a href="javascript:void(0)" class="easyui-linkbutton" id="btnExport" iconcls="icon-excel" onclick="ShowExport()"&导出&/a&
&/fieldset&
&div data-options="region:'center'"&
&!-------------------------------详细信息展示表格-----------------------------------&
&table id="grid" title="用户操作" data-options="iconCls:'icon-view'" fit="true"&&/table&
基于MVC4+EasyUI的Web开发框架的系列文章：}
稍等，加载中……
^_^请注意，有可能下面的2篇文章才是您想要的内容：
CSS技能教程：浏览器兼容技巧10则(转)
EasyUI中DataGrid的frozenColumns应用细节
Extjs 分页展示（SSH + json）
CSS技能教程：浏览器兼容技巧10则(转)
CSS技巧教程：浏览器兼容技巧10则(转)
一、IE边框若显若无，须注意，定是高度设置已忘记；二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；三、三像素文本慢移不必慌，高度设置帮你忙；四、兼容各个浏览须注意，默认设置行高可能是杀手；五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。九、IE浮动双边距，请用display:inline。十、列表横向排版，列表代码须紧靠，空隙自消须铭记。
EasyUI中DataGrid的frozenColumns应用细节
EasyUI中DataGrid的frozenColumns使用细节
DataGrid的frozenColumns的作用是冻结某些列.例如列表中的列过多。导致页面挤压的会非常难看。那么就可以通过设置grid的frozenColumns属性，来实现冻结某些列并拖动显示其他列信息.如果是通过js绘制grid的，则添加一个forzenColumns属性即可.frozenColumns:[[{field:'no',title:'编号',align:'left'},{field:'name',title:'名称',align:'left'}]]如果是html绘制的，则
&thead frozen="true"&
&th field="itemid" width="80"&Item ID&/th&
&th field="productid" width="80"&Product ID&/th&
这里有点要注意的就是，如果grid的宽高采用的是自适应，也就是设置了fit和fitColumns，那么grid列的width就不要设置了.否则可能冻结列设置没有效果
Extjs 分页展示（SSH + json）
Extjs 分页显示（SSH + json）Extjs 分页显示（SSH + json）
1.自定义json处理类：处理查询出来的teams 和 传进来的 pageInfo对象
（该类是模拟json的jar包）
package com.org.momo.
import java.util.L
import com.org.momo.bean.PageI
import com.org.momo.bean.S
import com.org.momo.bean.T
public class JsonUtil {
//teams开始
strBuffer.append("\"teams\":[");
//处理teams
for(int i=0;i&teams.size();i++)
Team team = teams.get(i);
//team开始
strBuffer.append("{");
strBuffer.append("\"id\":");
strBuffer.append(team.getId());
strBuffer.append(",");
//处理name
strBuffer.append("\"name\":\"");
strBuffer.append(team.getName());
strBuffer.append("\",");
//处理leader
strBuffer.append("\"leader\":\"");
strBuffer.append(team.getLeader());
strBuffer.append("\",");
//处理slogan
strBuffer.append("\"slogan\":\"");
strBuffer.append(team.getSlogan());
strBuffer.append("\",");
//处理members
strBuffer.append("\"members\":\"") ;
if(team.getMembers()!=null){
for(Student stu:team.getMembers()){
strBuffer.append(stu.getName()) ;
if(j&team.getMembers().size()){
strBuffer.append(",") ;
strBuffer.append("\"") ;
//team结束
if(i&teams.size()-1)
strBuffer.append("},");
strBuffer.append("}");
//teams结束
strBuffer.append("]");
strBuffer.append("}") ;
jsonStr = strBuffer.toString() ;
return jsonS
2.控制层处理类action:
package com.org.momo.action.
import java.io.PrintW
import java.util.L
import javax.annotation.R
import javax.servlet.http.HttpServletR
import org.apache.struts2.ServletActionC
import com.opensymphony.xwork2.ActionS
import com.org.momo.bean.PageI
import com.org.momo.bean.T
import com.org.momo.service.TeamS
import com.org.momo.util.JsonU
import com.org.momo.util.XmlU
public class ViewTeamsEXTAction extends ActionSupport {
private TeamService teamS
private PageInfo pageI
public PageInfo getPageInfo() {
return pageI
public void setPageInfo(PageInfo pageInfo) {
this.pageInfo = pageI
public String execute() {
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/charset=GBK");
PrintWriter out = response.getWriter();
pageInfo = new PageInfo();
pageInfo.setCurrentPage(start/5 + 1) ;
//设置当前页
pageInfo.setPageRows(5) ;
//设置每页显示多少行
//获取所有小组
List&Team& teams = teamService.pageTeams(pageInfo) ;
out.println(JsonUtil.teamsToExtPage(teams, pageInfo));
//将document转换为String输出
out.flush() ;
out.close() ;
} catch (Exception e) {
e.printStackTrace() ;
return NONE;
public void setStart(Integer start) {
this.start =
public Integer getStart() {
public void setLimit(Integer limit) {
this.limit =
public Integer getLimit() {
3.struts.xml配置路径：
&action name="ViewTeamsEXT" class="com.org.momo.action.team.ViewTeamsEXTAction"&
4.显示层：
&%@ page language="java" contentType="text/ charset=GBK" pageEncoding="GBK"%&
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";
&base href="&%=basePath%&"&
&meta http-equiv="Content-Type" content="text/ charset=GBK"&
&title&显示小组（Ajax）&/title&
&link rel="stylesheet" type="text/css" href="css/team.css" /&
&link rel="stylesheet" type="text/css" href="ext-2.0.2/resources/css/ext-all.css"/&
&script type="text/javascript" src="ext-2.0.2/adapter/ext/ext-base.js"&&/script&
&script type="text/javascript" src="ext-2.0.2/ext-all.js"&&/script&
&script type="text/javascript" src="js/trim.js"&&/script&
&script type="text/javascript"&
Ext.onReady(function(){
var store = new Ext.data.Store({
//Store开始
proxy:new Ext.data.HttpProxy({url:"team/ViewTeamsEXT",method:"post"}),
reader:new Ext.data.JsonReader(
{root:"teams",totalProperty:'totalProperty',id:"id"},
[{name:"id"},
{name:"name"},
{name:"leader"},
{name:"slogan"},
{name:"members"},
{name:"operation"}])
}) ; //Store结束
var column = new Ext.grid.ColumnModel([{header:'编号',dataIndex:'id'},
{header:'组名',dataIndex:'name'},
{header:'组长',dataIndex:'leader'},
{header:'口号',dataIndex:'slogan'},
{header:'组员',dataIndex:'members'},
{header:'操作',dataIndex:'operation'}]) ;
column.defaultSortable =//默认可排序
var grid = new Ext.grid.GridPanel({
renderTo:"teamExt",
width:800,
autoHeight:true,
title:'小组管理',
store:store,
cm:column,
autoExpandColumn:4,
bbar:new Ext.PagingToolbar({pageSize:5,store:store,displayInfo:true,displayMsg:'第{0}条到第{1}条,一共{2}条',emptyMsg:'没有记录'})}) ;
store.load({params:{start:0,limit:5}});
&div id="top"&
&h1&显示小组&/h1&
&div id="content"&
&div id="teamExt"&&/div&
&p&&div id="page"&&/div&&br/&
&p&&a href="team/index.jsp"&返回小组管理&/a&
如果您想提高自己的技术水平，欢迎加入本站官方1号QQ群：&&，&&2号QQ群：，在群里结识技术精英和交流技术^_^
本站联系邮箱：EasyUI&结合富文本Kindeditor,在datagrid显示富文本内容
结合富文本Kindeditor,在datagrid的单元格显示富文本编辑保存的内容(html格式)；
&2.单元格内容高度，8行数据以下为 行数 乘以
20px,8行数据以上为160px,同时单元格自动显示垂直滚动条；
&3.鼠标移动到单元格，将单元格的内容自动弹出显示在div上，利用tooltip技术；
&4.富文本的编辑的内容包含特殊字符如单引号
' 等，正常显示(数据库SqlServer)；
项目图片：
(富文本：变更内容、备注两列单元格)&&&
"p"其实指的是图片中，大家在以下代码相应替换即可。直接图片中的写法是
换行，因为博客是html格式
onLoadSuccess: function(data){ //【treegrid&
function(row,data)】
&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(data.total&0){//判断加载行数
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var panel = $(this).datagrid('getPanel');//获取面板
&&&&&&&&&&&&&&&&&&&&&&&&
var tr = panel.find('div.datagrid-body tr');
&&&&&&&&&&&&&&&&&&&&&&&&
tr.each(function(){//each 每行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var tdContent =
$(this).children('td[field="recordContent"]');//recordContent的单元格Dom
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var textValue =
tdContent.children("div").text();//文本内容&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var htmlValue=tdContent.children("div").html();//html内容
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var tdRemark =
$(this).children('td[field="remark"]');//remark的单元格Dom
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var textValueRemark =
tdRemark.children("div").text();//文本内容&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
var htmlValueRemark=tdRemark.children("div").html();//html内容
&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置& recordContent 单元格的行距 及 对齐方式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(textValue.length!=0){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置单元格div行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(countSubstr(htmlValue,"p",true)&=8){//小于等于8行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
height:parseInt(countSubstr(htmlValue,"p",true))*20,//设置默认行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
"overflow-y":"auto"
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
}else{//大于8行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
height:160,//设置默认行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
"overflow-y":"auto"
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置单元格元素 精确定位到div里的 p元素样式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").addClass("div_p");//
【添加div_p类& div p 行间距 】
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置& remark 单元格的行距 及 对齐方式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(textValueRemark.length!=0){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置单元格行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(countSubstr(htmlValueRemark,"p",true)&=8){//小于等于8行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
height:parseInt(countSubstr(htmlValueRemark,"p",true))*20,//设置默认行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
"overflow-y":"auto"
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
}else{//大于8行
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").css({
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
height:160,//设置默认行高
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
"overflow-y":"auto"
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//设置单元格元素 精确定位到div里的 p元素样式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").addClass("div_p");//
【添加div_p类& div p 行间距 】
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//不为空的 设置其tooltip方法
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(textValue!=""){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").tooltip({&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
'right',&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
onShow: function(e){&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(countSubstr(htmlValue,"p",true)&0){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").tooltip('update',htmlValue);//更新
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdContent.children("div").tooltip('tip').addClass("div_p");//
【添加div_p类& div p 行间距 】
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//不为空的 设置其tooltip方法
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(textValueRemark!=""){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").tooltip({&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
'left',&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
onShow: function(e){&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
if(countSubstr(htmlValueRemark,"p",true)&0){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").tooltip('update',htmlValueRemark);//更新
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
tdRemark.children("div").tooltip('tip').addClass("div_p");//
【添加div_p类& div p 行间距 】
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&
}//onsuccess
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。基于MVC4+EasyUI的Web开发框架经验总结（13）--DataGrid控件实现自动适应宽带高度 - 伍华聪 - 博客园
随笔 - 443, 文章 - 20, 评论 - 6745, 引用 - 20
在默认情况下，EasyUI的DataGrid好像都没有具备自动宽度的适应功能，一般是指定像素宽度的，但是使用的人员计算机的屏幕分辨率可能不一样，因此导致有些地方显示太大或者太小，总是不能达到好的预期效果，如果DataGrid能够根据窗口尺寸进行伸缩，效果应该好很多。本文主要介绍DataGrid控件实现自动适应宽带高度的操作。
首先我们需要定义一个resizeDataGrid的扩展函数，方便在页面里面进行调用，扩展函数定义如下所示。
//datagrid宽度高度自动调整的函数
$.fn.extend({
resizeDataGrid: function (heightMargin, widthMargin, minHeight, minWidth) {
var height = $(document.body).height() - heightM
var width = $(document.body).width() - widthM
height = height & minHeight ? minHeight :
width = width & minWidth ? minWidth :
$(this).datagrid('resize', {
height: height,
width: width
&定义好上面的函数后，我们就可以在页面里面使用Javascript进行调用，调用方法如下所示：$('#grid').resizeDataGrid。
var heightMargin = $("#toolbar").height() + 60;
var widthMargin = $(document.body).width() - $("#tb").width();
// 第一次加载时和当窗口大小发生变化时，自动变化大小
$('#grid').resizeDataGrid(heightMargin, widthMargin, 0, 0);
$(window).resize(function () {
$('#grid').resizeDataGrid(heightMargin, widthMargin, 0, 0);
通过上面的代码，我们就可以定义两个高度、宽度的边界，但是这些我们不应该固定化，应该通过一些界面代码的对象动态获取边框大小。
&HTML代码如下所示。
&div id="tb" style="padding:5height:auto"&
&!-------------------------------搜索框-----------------------------------&
&fieldset&
&legend&信息查询&/legend&
&form id="ffSearch" method="post"&
&div id="toolbar"&
&table cellspacing="0" cellpadding="0"&
&label for="txtProvinceName"&省份名称：&/label&
&input type="text" ID="txtProvinceName" name="txtProvinceName" style="width:100px"
&td colspan="2"&
&a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" id="btnSearch"&查询&/a&
&a href="javascript:void(0)" class="easyui-linkbutton" id="btnImport" iconcls="icon-excel" onclick="ShowImport()"&导入&/a&
&a href="javascript:void(0)" class="easyui-linkbutton" id="btnExport" iconcls="icon-excel" onclick="ShowExport()"&导出&/a&
&/fieldset&
&!-------------------------------详细信息展示表格-----------------------------------&
&table id="grid" style="width: 940px" title="用户操作" data-options="iconCls:'icon-view'"&
这个界面效果如下所示。
其他类似的界面类似效果如下所示。
对比上面的界面，下面的界面增加了左边一个面板，这里的代码也不需要特殊的设置。
var heightMargin = $("#toolbar").height() + 40;
var widthMargin = $(document.body).width() - $("#tb").width() + 20;
// 第一次加载时和当窗口大小发生变化时，自动变化大小
$('#grid').resizeDataGrid(heightMargin, widthMargin, 0, 0);
$(window).resize(function () {
$('#grid').resizeDataGrid(heightMargin, widthMargin, 0, 0);
上面的代码也只是根据效果进行了一些微调，基本和第一部分的设置宽度代码差不多。
也可以使用布局&class="easyui-layout"&进行调整，使DataGrid表格能够进行自动调整。
&div class="easyui-layout" data-options="fit:true" id="tb"&
&div data-options="region:'north'" style="padding:5height:70px"&
&!-------------------------------搜索框-----------------------------------&
&fieldset&
&legend&信息查询&/legend&
&form id="ffSearch" method="post"&
&div id="toolbar"&
&table cellspacing="0" cellpadding="0"&
&label for="txtProvinceName"&省份名称：&/label&
&input type="text" id="txtProvinceName" name="txtProvinceName" style="width:100px" /&
&td colspan="2"&
&a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" id="btnSearch"&查询&/a&
&a href="javascript:void(0)" class="easyui-linkbutton" id="btnImport" iconcls="icon-excel" onclick="ShowImport()"&导入&/a&
&a href="javascript:void(0)" class="easyui-linkbutton" id="btnExport" iconcls="icon-excel" onclick="ShowExport()"&导出&/a&
&/fieldset&
&div data-options="region:'center'"&
&!-------------------------------详细信息展示表格-----------------------------------&
&table id="grid" title="用户操作" data-options="iconCls:'icon-view'" fit="true"&&/table&
基于MVC4+EasyUI的Web开发框架的系列文章：}
我要回帖
更多关于 datagrid 行高 的文章
更多推荐
- ·因为比较胖，多 囊 多囊卵巢综合症越来越胖怎么办不孕吗？
- ·请大家帮忙看一下手机扫一扫识别古董真假值多少钱，估一下价格，谢谢
- ·党纪和谈谈你对党纪严于国法的理解区别?为什么要把纪律和规矩挺在前面
- ·2024年纳雍县最新任免人民政府网
- ·哪些省取消四个少数民族不加分加分
- ·求夏目友人帐1-6集百度云全季全集和银魂全集百度云
- ·儿童手工制作灯笼漂亮的星星月亮灯笼
- ·LOL怎么进去lol韩服登录不进去打
- ·1971.04.09的女人命好苦啊
- ·谁能送我天天酷跑送好的好号啊！
- ·有什么办法测试一下测测暗恋你的人的姓名
- ·哪个影视播放器可以播放浴血卫国勇士在哪个播放器
- ·peyong2012peyong2014红酒多少钱钱
- ·炒草鱼的做法大全可以炒着黄油吗
- ·湘阴电打鱼今晚有电来么
- ·百变商场闹猴粤语年bag
- ·LOL炼金或者LOL火男皮肤哪个皮肤比较好，推荐下
- ·请问大家，有谁改过名字的明星，要求告诉步骤，21岁，未婚，改名字要怎么做，准备什么资料，详细步骤！！！
- ·真三国无双7不能下载在哪里下载能保证之前的不丢失
- ·《草》的古诗草的甲骨文怎么写写怎么写
- ·easyui 行高-datagrid的行高怎么设置
- ·求高清ps怎么识别原图字体，要没字的，谢谢╮(╯▽╰)╭
- ·梦见脚扎刺我儿子脚扎刺
- ·梦见蛇钻进肚子里两条蛇钻入我的腿里，然后请别人扯出来了
- ·女人和我很梦见吃熟悉女人的奶，一直都在一起吃夜宵喝酒唱歌，频率不高，她很忙。后来她生日我照相，第二天我发微信，说
- ·有人叫黎芷珊阳光与海滩海滩
- ·2016年马报生肖图1月31曰第14期的马报开什么生肖
- ·东园雨打梅花落 倾尽芳华，西岳风吹桂映斜，这两句话是什么意思
- ·很古老的一首歌里面有寂寞空庭春欲晚电视剧
- ·全民k歌麦克风那个好那个俊辰是王俊凯吗!
- ·古老式挂钟回收价格双头挂钟图片怎么查
- ·y=x分之一括号x+y括回类似的立方<0括回如何列表描点连线
- ·grand bourgeaueau是什么意思思
- ·胶体金发法甲基纤维素的作用药用安他明测试结果怎么看
- ·教师非工作时间开房宾馆视频监控保存多久曝光会被处理吗
- ·新疆师范大学自考，自考学校，自考科目，自考有哪些专业
