htc是html component的縮寫，是ie5及后續(xù)版本瀏覽器所支持的客戶端組件。據(jù)我個(gè)人理解，htc就是一組以dhtml為基礎(chǔ)封裝了客戶端行為的腳本，每htc以*.htc的文件存儲(chǔ)，一個(gè)htc是一個(gè)客戶端“類”。

對(duì)象

document 在給定的瀏覽器窗口中表現(xiàn)html文檔。

element 返回一份主文檔中連接行為的標(biāo)簽的參考。

public:attach 綁定一個(gè)函數(shù)到一個(gè)事件上，因此每次事件發(fā)生在特殊對(duì)象上時(shí)函數(shù)會(huì)被調(diào)用。

public:component 以htc指明文件的內(nèi)容。

public:defaults 設(shè)定一份htc的默認(rèn)屬性。

public:event 定義一個(gè)htc的事件，使之暴露于包含該htc的文檔。

public:method 定義一個(gè)htc的方法，使之暴露于包含該htc的文檔。

public:property 定義一個(gè)htc的屬性，使之暴露于包含該htc的文檔。

方法

createeventobject

創(chuàng)建一個(gè)事件對(duì)象，當(dāng)需要傳遞事件附加信息給public:event元素的fire方法時(shí)使用。

事件

oncontentready

連接了行為的元素的內(nèi)容完全被解析時(shí)發(fā)生。

oncontentsave

連接了一份元素行為的一個(gè)元素的內(nèi)容被保存或復(fù)制前發(fā)生。

ondetach

從一個(gè)元素解除一份行為的連接前發(fā)生。

ondocumentready

當(dāng)包含行為的文檔完全被解析時(shí)發(fā)生。

示例復(fù)制代碼 代碼如下:

<public:component>

<public:property name=grid/><!--返回當(dāng)前的grid，通過(guò)該屬性，可以訪問(wèn)當(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/><!--最大長(zhǎng)度，主要用于文本-->

<public:property name=extendedproperties/><!--一般用xml串，因?yàn)樵诖鎯?chǔ)很多信息時(shí)，解析非常方便-->

<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;

//參照一般有兩個(gè)值，一個(gè)是顯示的text，一個(gè)是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; //可以通過(guò)grid.status來(lái)修改grid狀態(tài)條的狀態(tài)。

}

function getinput()

{

return input;

}

//該方法由smartgrid在顯示編輯器時(shí)調(diào)用。由于參照編輯器由input、img等元素組成，所以需要告知smartgrid在設(shè)置編輯器焦點(diǎn)時(shí)，應(yīng)該讓哪個(gè)元素獲得焦點(diǎn)！

function focus()

{

input.focus();

}

//該方法由smartgrid在對(duì)編輯器全選時(shí)調(diào)用。由于參照編輯器由input、img等元素組成，所以需要告知smartgrid在全選編輯器的內(nèi)容時(shí)，應(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>