ligerGrid中的detail明细属性

在ligerGrid中，若要查看某一行的详细属性，可以添加detail属性

 grid = $("#Data").ligerGrid({
         columns:
             [{ display: "卷内档号", name: "ArchiveNumber", width: "120"}, 
		{ display: "文件编号", name: "FileNumber", width: "80"},
             { display: "页号", name: "PageNumber", width: 80}] ,  
 
             inWindow: true, pageSize: 10, checkbox: true,
             detail: { onShowDetail: ArchiveAttachment }
             });

function ArchiveAttachment(row, detailPanel) {
                //参数row表示Grid的某一行; detailPanel是gird中某一行所在的的位置
                var ID = row.ID;
                //创建DOM对象，以显示详细信息
                var kidgrid = document.createElement('div');//返回DOM对象
		   //var $kidgrid = $("<div></div>");//JQuery方法创建元素节点,返回一个JQuery对象
                //采用append的方法，在该行末尾添加div的方式，设置详细内容
                $(detailPanel).append(kidgrid);
		   //$(detailPanel).append($kidgrid);
		   //$kidgrid.ligerGrid({

                $(kidgrid).ligerGrid({	 //将DOM对象转化为JQuery对象
             columns: [{ display: "文件名称", name: "FileName", width: "400" },
                      { display: "文件路径", name: "FilePath",width: "0" }],

                    url: "../handler/GetAttachment.ashx?AttachType=3&ID=" + ID,
                    showTitle: false, columnWidth: 80, onDblClickRow: showAttachment,
                    onAfterShowData: callback, frozen: false, pageSize: 10
                });
            }
 
相关知识：
1、JQuery创建元素节点
1）使用JQuery工厂函数$()来完成--$(html);
   $(html)方法会根据传入的HTML标记字符串，创建一个DOM对象，并将这个DOM对象包装成一个JQuery对象后返回。
2）将创建的元素插入文档中可以使用JQuery中的append()函数
 
2、JQuery对象和DOM对象
（1）通过javascript函数创建的对象为DOM对象（暂且这么理解）
（2）jQuery提供的选择器用来获取页面上的对象并且将对象以jQuery包装集的形式返回
（3）由于ligerui是基于JQuery的，所以应使用$("#maingrid").ligerGrid({})方法来创建表格
（4）JQuery对象和DOM对象之间的转化
	1)jquery对象转成DOM对象：
	var tb = $("#div1");
	var t1= tb.get(0);  // jquery提供的方法转换成DOM对象
	var t2 = tb[0];     //使用数组下标的方式转成DOM对象

	2)DOM对象转jquery对象：用jQuery的符号$()把元素包装起来
	var dom=document.getElementById(‘btn’);
	var btnquery=$(dom);