htc是html component的縮寫，是ie5及后續(xù)版本瀏覽器所支持的客戶端組件。據(jù)我個人理解，htc就是一組以dhtml為基礎(chǔ)封裝了客戶端行為的腳本，每htc以*.htc的文件存儲，一個htc是一個客戶端“類”。
對象
document 在給定的瀏覽器窗口中表現(xiàn)html文檔。
element 返回一份主文檔中連接行為的標(biāo)簽的參考。
public:attach 綁定一個函數(shù)到一個事件上，因此每次事件發(fā)生在特殊對象上時函數(shù)會被調(diào)用。
public:component 以htc指明文件的內(nèi)容。
public:defaults 設(shè)定一份htc的默認(rèn)屬性。
public:event 定義一個htc的事件，使之暴露于包含該htc的文檔。
public:method 定義一個htc的方法，使之暴露于包含該htc的文檔。
public:property 定義一個htc的屬性，使之暴露于包含該htc的文檔。
方法
createeventobject
創(chuàng)建一個事件對象，當(dāng)需要傳遞事件附加信息給public:event元素的fire方法時使用。
事件
oncontentready
連接了行為的元素的內(nèi)容完全被解析時發(fā)生。
oncontentsave
連接了一份元素行為的一個元素的內(nèi)容被保存或復(fù)制前發(fā)生。
ondetach
從一個元素解除一份行為的連接前發(fā)生。
ondocumentready
當(dāng)包含行為的文檔完全被解析時發(fā)生。
示例復(fù)制代碼 代碼如下:
<public:component>
<public:property name=grid/><!--返回當(dāng)前的grid，通過該屬性，可以訪問當(dāng)前grid的相關(guān)信息-->
<!--和.net中的datacolumn的定義類似-->
<public:property name=columnname/> <!--列名-->
<public:property name=datatype/><!--數(shù)據(jù)類型，如system.string，和smartgridcolumn上的datatype的值保持一致-->
<public:property name=allownull/><!--是否允許為空-->
<public:property name=scale/>
<public:property name=precision/><!--精度，主要用于數(shù)字型-->
<public:property name=maxlength/><!--最大長度，主要用于文本-->
<public:property name=extendedproperties/><!--一般用xml串，因為在存儲很多信息時，解析非常方便-->
<public:method name=select/><!--全選。由于參照編輯框由input、img組成，所以需要改寫（重載）select方法-->
<public:method name=focus><!--置焦點(diǎn)。由于參照編輯框由input、img組成，所以需要改寫（重載）focus方法-->
<public:property name=input get=getinput/>
<public:property name=value get=getvalue put=setvalue/>
<public:method name=celldatacheck/>
</public:component>
<script language=javascript>
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狀態(tài)條的狀態(tài)。
}
function getinput()
{
return input;
}
//該方法由smartgrid在顯示編輯器時調(diào)用。由于參照編輯器由input、img等元素組成，所以需要告知smartgrid在設(shè)置編輯器焦點(diǎn)時，應(yīng)該讓哪個元素獲得焦點(diǎn)！
function focus()
{
input.focus();
}
//該方法由smartgrid在對編輯器全選時調(diào)用。由于參照編輯器由input、img等元素組成，所以需要告知smartgrid在全選編輯器的內(nèi)容時，應(yīng)該怎樣進(jìn)行全選！
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 ;
}
</script>