easyui源码分析

❶ 求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在Datagrid里面显示HTML源代码

有个显示元数据的HTML标签：忘了名字。

❸ Easyui 问题 ：var row=$('#dg').datagrid('getSelected');获取不到

脚本没指定获取到的类型的话，通常是object{id:value,name:value} 这种样式的，这里注意了：用浏览器后台断点，查看一下ID的名称，不是每个都是rows.id的，而且getSelected只能获取到一组你选中的数据

❹ 如何正确使用Jquery EasyUI DataGrid

EasyUI 是基于Jquery封装的一套可见即可得的图像界面框架，主要用于网页前台开发，和JavaScript，JSP，CSS等网络开发语言一起使用。是一套非常好用的可见即可得的代码机制，其对于JavaScript封装的非常好。避免很多直接使用JavaScript容易触犯的错误。

2-最基本的Jquery EAsyUI DataGrid

<table class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:250px"
data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get'">
<thead>
<tr>
<th data-options="field:'itemid',width:80">Item ID</th>
<th data-options="field:'proctid',width:100">Proct</th>
<th data-options="field:'listprice',width:80,align:'right'">List Price</th>
<th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
<th data-options="field:'attr1',width:250">Attribute</th>
<th data-options="field:'status',width:60,align:'center'">Status</th>
</tr>
</thead>
</table>

3-EasyUI dataGrid隐藏一列，但是选择行的时候依旧可以获取值，这里提供两个方法，是我自己在无数尝试和搜索后，慢慢摸索出来的，供大家参考
实例：E:\...\nps_manger

需要源代码请联系我

4-注意ID的行被注释了，但是IDField还是有ID，此种情况新增时取到是undefined
编辑和删除都是可以取到选择列对应的ID的

5-EasyUI DataGrid带条件查询，重新加载表格
新增查询输入框和对应的查询动作重写：

综上所述：
easyui是一种基于jQuery的用户界面插件集合~~~
easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。
使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。