| 标题 | htc基础知识 |
| 内容 | htc是html component的缩写，是ie5及后续版本浏览器所支持的客户端组件。据我个人理解，htc就是一组以dhtml为基础封装了客户端行为的脚本，每htc以*.htc的文件存储，一个htc是一个客户端“类”。 对象 document 在给定的浏览器窗口中表现html文档。 element 返回一份主文档中连接行为的标签的参考。 public:attach 绑定一个函数到一个事件上，因此每次事件发生在特殊对象上时函数会被调用。 public:component 以htc指明文件的内容。 public:defaults 设定一份htc的默认属性。 public:event 定义一个htc的事件，使之暴露于包含该htc的文档。 public:method 定义一个htc的方法，使之暴露于包含该htc的文档。 public:property 定义一个htc的属性，使之暴露于包含该htc的文档。 方法 createeventobject 创建一个事件对象，当需要传递事件附加信息给public:event元素的fire方法时使用。 事件 oncontentready 连接了行为的元素的内容完全被解析时发生。 oncontentsave 连接了一份元素行为的一个元素的内容被保存或复制前发生。 ondetach 从一个元素解除一份行为的连接前发生。 ondocumentready 当包含行为的文档完全被解析时发生。 示例复制代码 代码如下: <public:component> <public:property name=grid/><!--返回当前的grid，通过该属性，可以访问当前grid的相关信息--> <!--和.net中的datacolumn的定义类似--> <public:property name=columnname/> <!--列名--> <public:property name=datatype/><!--数据类型，如system.string，和smartgridcolumn上的datatype的值保持一致--> <public:property name=allownull/><!--是否允许为空--> <public:property name=scale/> <public:property name=precision/><!--精度，主要用于数字型--> <public:property name=maxlength/><!--最大长度，主要用于文本--> <public:property name=extendedproperties/><!--一般用xml串，因为在存储很多信息时，解析非常方便--> <public:method name=select/><!--全选。由于参照编辑框由input、img组成，所以需要改写（重载）select方法--> <public:method name=focus><!--置焦点。由于参照编辑框由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状态条的状态。 } 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 ; } </script> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。