文章摘要
这篇文章展示了如何利用Grid组件将外部数据插入到Grid中，并处理相关事件。代码中定义了多个变量用于存储和处理数据，包括从MSXMLDOM文档中提取的属性信息（如id、name、url等）。文章重点介绍了Grid组件的事件处理功能，例如点击事件（btnClick）和blur事件（inputOnBlur），并展示了如何通过Grid组件的自定义函数（如getValue、setValue）动态更新Grid中的值。此外，文章还涉及了Grid组件的自定义功能，如赋值Grid行号（grid-row）、赋值状态条内容（grid.status）以及处理Grid的选择和焦点问题。整体内容围绕Grid组件的使用场景和数据处理功能展开，适合需要在Grid中动态展示数据的应用场景。
var id = null;
//参照一般有两个值，一个是显示的Text，一个是id。idColumn指明id的Grid列
var idColumn = null;
var refUrl = null;
var refIdColumn = null;
var refNameColumn = null;
var extendedProp = element.extendedProperties;
if(extendedProp!= null && typeof(extendedProp) != “undefined”)
{
var dom = new ActiveXObject(“MSXML.DOMDocument”);
dom.loadXML(extendedProp);
idColumn = dom.documentElement.getAttribute(“idColumn”);
var refInfo = dom.documentElement.firstChild;
refIdColumn = refInfo.getAttribute(“idColumn”);
refNameColumn = refInfo.getAttribute(“nameColumn”);
refUrl = refInfo.getAttribute(“url”);
}
var btn = element.getElementsByTagName(“IMG”)[0];
btn.onclick = btnClick;
function btnClick()
{
var ret = window.showModalDialog(refUrl,self,’scrolling:no;resizable:no;status:no;dialogWidth:550px;dialogHeight:450px;center:1′);
if(ret != null)
{
var el = ret.documentElement.firstChild;
if(el != null)
{
input.value = el.getAttribute(refNameColumn);
if(idColumn != null && idColumn!=””)
{
id = el.getAttribute(refIdColumn);
grid.setCellValue(grid.row,idColumn,id);
}
}
}
//————————————————————–
grid.setCellValue(grid.row,”num”,100); //赋值示例
grid.setCellValue(grid.row,”price”,10); //赋值示例
//————————————————————-
}
var statusText = “”;
var input = element.getElementsByTagName(“INPUT”)[0];
input.onblur = inputOnBlur;
function inputOnBlur()
{
grid.status = statusText; //可以通过grid.status来修改Grid状态条的状态。
}
function getInput()
{
return input;
}
//该方法由SmartGrid在显示编辑器时调用。由于参照编辑器由INPUT、IMG等元素组成，所以需要告知SmartGrid在设置编辑器焦点时，应该让哪个元素获得焦点！
function focus()
{
input.focus();
}
//该方法由SmartGrid在对编辑器全选时调用。由于参照编辑器由INPUT、IMG等元素组成，所以需要告知SmartGrid在全选编辑器的内容时，应该怎样进行全选！
function select()
{
input.select();
}
function setValue(val)
{
input.value = val;
if(idColumn != null)
{
var r = grid.row;
id = grid.getCellValue(r,idColumn);
}
}
function getValue()
{
return input.value ;
}
function cellDataCheck(args)
{
return ;
}
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
