Web上の強力なdbgridテーブルHTCコンポーネント[テーブルのスタイルを指定するだけ]

grid.htm

代码如下：

<style>

入力

{

defineInputonClick：expression（this.onclick = function（）{if（this.type == "button"）{this.style.color = choosecolor（）;}}）;

}

</style>

<スクリプト>

var igridrowcount = 0;

var igridcolcount = 0;

関数CreateGrid（）

{

divid.innerhtml = "";

if（igridrowcount == 0）{igridrowcount = 5;}

if（igridcolcount == 0）{igridColcount = 5;}

var vtable = document.createelement（ "table"）;

vtable.style.behavior = "url（grid.htc）";

if（definegridbgcolorid.style.color）

{vtable.definegridbgcolor = definegridbgcolorid.style.color;}

if（definefirstrowbgcolorid.style.color）

{vtable.definefirstrowbgcolor = definefirstrowbgcolorid.style.color;}

if（definefirstcolbgcolorid.style.color）

{vtable.definefirstcolbgcolor = definefirstcolbgcolorid.style.color;}

if（definecurowbgcolorid.style.color）

{vtable.definecurrowbgcolor = definecurrowbgcolorid.style.color;}

if（definecurcolbgcolorid.style.color）

{vtable.definecurcolbgcolor = definecurcolbgcolorid.style.color;}

if（defincureditbgcolorid.style.color）

{vtable.definecureditbgcolor = defincureditbgcolorid.style.color;}

for（mindex = 0; mindex <igridrowcount; mindex ++）

{

var vtr = vtable.insertrow（mindex）;

for（nindex = 0; nindex <igridcolcount; nindex ++）

{

vtd = vtr.insertcell（nindex）;

vtd.innertext = "行"+mindex+"列"+nindex;

}

}

divid.appendChild（vtable）;

}

関数choosecolor（）

{

var strcolor = dlghelper.choosecolordlg（）;

strcolor = strcolor.toString（16）;

if（strcolor.length <6）

{

var stempstring = "000000" .substring（0,6-strcolor.length）;

strcolor = stempstring.concat（strcolor）;

}

strcolorを返します。

}

</script>

<div id = "divid"> </div>

<object id = "dlghelper" classid = "clsid：3050f819-98b5-11cf-bb82-00aa00bdce0b"> </object>

<FieldSet>

<button onclick = "window.confirm（ '已实现功能'）">グリッド</button> <br>

<入力型=ボタン値= "表格背景" id = "definegridbgcolorid"> <br>

<入力型=ボタン値= "头行背景" id = "definefirstrowbgcolorid"> <br>

<入力タイプ=ボタン値= "头列背景" id = "defineFirstColbgColorid"> <br>

<入力型=ボタン値= "当前选择行背景" id = "definecurrowbgcolorid"> <br>

<入力型=ボタン値= "当前选择列背景" id = "definecurcolbgcolorid"> <br>

<入力型=ボタン値= "当前选择编辑单元格背景" id = "definecureditbgcolorid"> <br>

<button onclick = "window.confirm（ '未实现功能'）">保留功能区</button> <br>

<入力型= text値= "" id = "definegridrowcount"> <button onclick = "igridrowcount = definegridrowcount.value;">行数</button> <br>

<入力型= text値= "" id = "definegridColcount"> <ボタンonclick = "igridColcount = defineGridColcount.Value;">列数</button> <br>

<入力タイプ= Radio>是<入力タイプ= Radio>否启动行调整<br>