Komponen HTC Tabel DBGRID yang kuat di web [cukup tentukan gaya dalam tabel]

Grid.htm

代码如下:

<tyle>

Masukan

{

DefineInputonClick: ekspresi (this.onClick = function () {if (this.type == "tombol") {this.style.color = chooseColor ();}});

}

</tyle>

<script>

var igridrowcount = 0;

var igridcolcount = 0;

fungsi createGrid ()

{

Divid.innerhtml = "";

if (igridrowcount == 0) {igridrowcount = 5;}

if (igridcolcount == 0) {igridcolcount = 5;}

var vtable = document.createElement ("tabel");

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 (definecurrowbgcolorid.style.color)

{vtable.defineCurrowBgColor = DefinecurrowBgColorid.style.color;}

if (Definecurcolbgcolorid.style.color)

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

if (DefinecureditBgColorid.Style.Color)

{vtable.defineCuredItBgColor = DefinecuredItBgColorid.style.color;}

untuk (Mindex = 0; Mindex <igridrowcount; Mindex ++)

{

var vtr = vtable.InserTrow (mindex);

untuk (nindex = 0; nindex <igridcolcount; nindex ++)

{

vtd = vtr.insertcell (nindex);

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

}

}

Divid.AppendChild (Vtable);

}

fungsi chooseColor ()

{

var strcolor = dlghelper.choosecolordlg ();

strcolor = strcolor.tostring (16);

if (strcolor.length <6)

{

var stempsstring = "000000" .substring (0,6-strcolor.length);

strcolor = stempstring.concat (strcolor);

}

mengembalikan Strcolor;

}

</script>

<Div ID = "Divid"> </div>

<objek id = "dlghelper" classId = "clsid: 3050f819-98b5-11cf-bb82-00aa00bdce0b"> </pestime>

<fieldset>

<tombol onclick = "window.confirm ('已实现功能')"> grid 参数区 </button> <br>

<input type = nilai tombol = "表格背景" id = "defineGridBgColorid"> <br>

<input type = nilai tombol = "头行背景" id = "definefirstrowbgcolorid"> <br>

<input type = nilai tombol = "头列背景" id = "definefirstcolbgcolorid"> <br>

<input type = nilai tombol = "当前选择行背景" id = "DefinecurrowBgColorid"> <br>

<input type = nilai tombol = "当前选择列背景" id = "DefinecurColbgColorid"> <br>

<input type = nilai tombol = "当前选择编辑单元格背景" id = "DefinecuredItBgColorid"> <br>

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

<input type = nilai teks = "" id = "defineGridrowCount"> <tombol onclick = "igridrowcount = DefineGridRowCount.Value;"> 行数 </button> <br>

<input type = nilai teks = "" id = "DefineGridColCount"> <tombol onClick = "igridColCount = DefineGridColCount.Value;"> 列数 </button> <br>

<Input type = Radio> 是 <Input type = Radio> 否启动行调整 <br>