easyui源码（求jquery easyui中使用的遮罩层（高亮层）代码，越简单越好！（要测试成功的！））

本文目录

• 求jquery easyui中使用的遮罩层（高亮层）代码，越简单越好！（要测试成功的！）
• 你还有easyui生成树的代码吗，可以发给我吗，谢谢
• 使用easyui时，这样复杂的datagrid怎么实现，需要具体代码，跪求！！
• 哪位高手有EasyUI treegrid具体实例 包含分页代码

求jquery easyui中使用的遮罩层（高亮层）代码，越简单越好！（要测试成功的！）

easyui 的 dialog 是继承自 window的，而 window中有modal这样的属性（见参考资料），就是用于打开模态的窗口的，也就是你说的有遮罩层的窗口。所以不需要额外的代码，仅需在dialog中设置这样的属性就可以了。我想这也是兼容性最好的解决方案。
如下：
《div id=“dd“ title=“My Dialog“ style=“width:400px;height:200px;“》
Dialog Content.
《/div》
$(’#dd’).dialog({
modal:true
});

你还有easyui生成树的代码吗，可以发给我吗，谢谢

#region 应符合的数据库菜单表结构(字段名不固定，功能一定)
/* Id: 表的主键
* MenuName： 节点名称
* MenuUrl： 点击节点打开的页面
* ParentId： 此节点的父节点（若是第一级节点则为0）
* HasChild: 是否有子节点（0：没有；1：有）
*/
#endregion

/// 《summary》
/// 将所有菜单数据DataTable转换成异步加载树的Json形式
/// 《/summary》
/// 《param name=“dtData“》菜单数据DataTable《/param》
/// 《param name=“strIdColumnName“》加载节点的数据库Id列名《/param》
/// 《param name=“strTextColumnName“》加载节点的数据库显示文本的列名《/param》
/// 《param name=“strUrlColumnName“》加载节点的Url数据库列名《/param》
/// 《param name=“strParentIdColumnName“》加载节点的数据库父节点的列名《/param》
/// 《param name=“strNodeTypeColumnName“》加载节点的数据库是否有子节点列名（0：没有子节点；1：有子节点）《/param》
/// 《returns》返回Json数据《/returns》
public static string DataTableToAsycTreeJson(DataTable dtData, string strIdColumnName, string strTextColumnName, string strUrlColumnName, string strParentIdColumnName, string strNodeTypeColumnName)
{
return “[“ + createJsonDataList(dtData, strIdColumnName, strTextColumnName, strUrlColumnName, strParentIdColumnName, strNodeTypeColumnName) + “]“;
}

/// 《summary》
/// 构建Json数据
/// 《/summary》
/// 《param name=“dtData“》菜单数据DataTable《/param》
/// 《param name=“strIdColumnName“》加载节点的数据库Id列名《/param》
/// 《param name=“strTextColumnName“》加载节点的数据库显示文本的列名《/param》
/// 《param name=“strUrlColumnName“》加载节点的Url数据库列名《/param》
/// 《param name=“strParentIdColumnName“》加载节点的数据库父节点的列名《/param》
/// 《param name=“strNodeTypeColumnName“》加载节点的数据库是否有子节点列名（0：没有子节点；1：有子节点）《/param》
/// 《returns》返回Json数据《/returns》
private static string createJsonDataList(DataTable dtData, string strIdColumnName, string strTextColumnName, string strUrlColumnName, string strParentIdColumnName, string strNodeTypeColumnName)
{
StringBuilder sb = new StringBuilder(““);
for (int i = 0; i 《 dtData.Rows.Count; ++i)
{
string strSeriesId = dtData.Rows[i][strIdColumnName].ToString();
string strNodeText = dtData.Rows[i][strTextColumnName].ToString().Trim();
string strMenuUrl = dtData.Rows[i][strUrlColumnName].ToString();
string strState = dtData.Rows[i][strNodeTypeColumnName].ToString();
bool hasChild = false;
if (strState == “1“)
{
hasChild = true;
}
sb.Append(createJsonData(strSeriesId, strNodeText, strMenuUrl, hasChild));
sb.Append(“,“);
}
return sb.ToString().Trim().Substring(0, sb.ToString().Trim().Length - 1);
}

/// 《summary》
/// 构建Json数据
/// 《/summary》
/// 《param name=“strId“》加载节点的Id《/param》
/// 《param name=“strText“》加载节点的显示文本《/param》
/// 《param name=“strMenuUrl“》加载节点的Url《/param》
/// 《param name=“hasChild“》是否有子节点《/param》
/// 《returns》返回Json数据《/returns》
private static string createJsonData(string strId, string strText, string strMenuUrl, bool hasChild)
{
///构建easyUI tree所有的属性Json数据
StringBuilder sb = new StringBuilder(““);
sb.Append(“{\“id\“:\““ + strId + “\“,\“text\“:\““ + strText + “\“,“);
if (hasChild)
{
//如果有子节点attributes：NodeType值为1，无Url属性
sb.Append(“\“state\“:\“closed\“,\“attributes\“:{\“HasChild\“:\“1\“}“);
}
else
{
//如果没有子节点attributes：NodeType值为1，加入Url属性
sb.Append(“\“state\“:\“open\“,\“attributes\“:{\“HasChild\“:\“0\“,\“url\“:\““ + strMenuUrl + “\“}“);
}
sb.Append(“}“);
return sb.ToString().Trim();
}
自己写的一个加载异步树的方法，你可以参考参考

使用easyui时，这样复杂的datagrid怎么实现，需要具体代码，跪求！！

easyUi datagrid设置行高度，在需要设置行高的table下添加样式就可以实现，这个设置只针对当前table，对别的table是没有影响的，具体代码如下： #g .datagrid-btable tr{height: 40px;}

哪位高手有EasyUI treegrid具体实例 包含分页代码

treegrid.html
HTML code《!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN“ “http://www.w3.org/TR/html4/loose.dtd“》
《html》
《head》
《meta http-equiv=“Content-Type“ content=“text/html; charset=UTF-8“》
《title》jQuery EasyUI《/title》
《link rel=“stylesheet“ type=“text/css“ href=“../themes/default/easyui.css“》
《link rel=“stylesheet“ type=“text/css“ href=“../themes/icon.css“》
《script type=“text/javascript“ src=“../jquery-1.4.2.min.js“》《/script》
《script type=“text/javascript“ src=“../jquery.easyui.min.js“》《/script》
《script》
$(function(){
$(’#test’).treegrid({
title:’TreeGrid’,
iconCls:’icon-save’,
width:500,
height:350,
nowrap: false,
rownumbers: true,
animate:true,
collapsible:true,
url:’treegrid_data.json’,
idField:’code’,
treeField:’code’,
pagination:true,
frozenColumns:[[
{title:’code’,field:’code’,width:150}
]],
columns:[[
{field:’name’,title:’Name’,width:120},
{field:’addr’,title:’Address’,width:120,rowspan:2},
{field:’col4’,title:’Col41’,width:150,rowspan:2}
]],
onBeforeLoad:function(row,param){
if (row){
$(this).treegrid(’options’).url = ’treegrid_subdata.json’;
} else {
$(this).treegrid(’options’).url = ’treegrid_data.json’;
}
}
});
});

function reload(){
$(’#test’).treegrid(’reload’);
}
function getChildren(){
var node = $(’#test’).treegrid(’getSelected’);
if (node){
var nodes = $(’#test’).treegrid(’getChildren’, node.code);
} else {
var nodes = $(’#test’).treegrid(’getChildren’);
}
var s = ’’;
for(var i=0; i《nodes.length; i++){
s += nodes[i].code + ’,’;
}
alert(s);
}
function getSelected(){
var node = $(’#test’).treegrid(’getSelected’);
if (node){
alert(node.code+“:“+node.name);
}
}
function collapse(){
var node = $(’#test’).treegrid(’getSelected’);
if (node){
$(’#test’).treegrid(’collapse’, node.code);
}
}
function expand(){
var node = $(’#test’).treegrid(’getSelected’);
if (node){
$(’#test’).treegrid(’expand’, node.code);
}
}
function collapseAll(){
$(’#test’).treegrid(’collapseAll’);
}
function expandAll(){
$(’#test’).treegrid(’expandAll’);
}
function expandTo(){
$(’#test’).treegrid(’expandTo’, ’02013’);
$(’#test’).treegrid(’select’, ’02013’);
}
《/script》
《/head》
《body》
《h1》TreeGrid《/h1》
《div style=“margin:10px;“》
《a href=“#“ onclick=“reload()“》reload《/a》
《a href=“#“ onclick=“getChildren()“》getChildren《/a》
《a href=“#“ onclick=“getSelected()“》getSelected《/a》
《a href=“#“ onclick=“collapse()“》collapse《/a》
《a href=“#“ onclick=“expand()“》expand《/a》
《a href=“#“ onclick=“collapseAll()“》collapseAll《/a》
《a href=“#“ onclick=“expandAll()“》expandAll《/a》
《a href=“#“ onclick=“expandTo()“》expandTo《/a》
《/div》

《table id=“test“》《/table》

《/body》
《/html》