開放原始碼的web表格控制項)

開放原始碼的web表格控制項

表格輸入控制項例子
序號	第一列	第二列
1
2

OTable對象

說明

本控制項完全使用javascript編寫，還在不斷完善中。歡迎大家下載試用並提出改進意見。控制項開放原始碼。 1、支援上下左右鍵切換儲存格焦點； 2、支援backspace刪除整行功能：把焦點移到最後一個儲存格，按backspace鍵可以從行尾刪到行首； 3、支援alt+x刪除焦點所在行； 4、支援焦點設定功能； 5、表頭無限制，任意設定；

參數

v_id：表格id。

屬性

hasSort：第一列是否為序號列，true則是，false則不是。 columnCount：表格總列數。 columnWidths：數組，每列中輸入框的寬度。 sortColor：顏色值，字串格式，序號儲存格的底色，如#cccccc。

方法

init(v_xmldata,v_classname)：初始化表格，v_xmldata為xml結構的資料；v_classname為行的樣式名稱。 addRow(v_classname)：在表格中增加一行，v_classname為行的樣式名稱。 deleteRow()：刪除表格中最後一行。 deleteRowAt(v_rowindex)：刪除表格中指定行，v_rowindex為資料行索引（>=0）。 deleteAllRow()：刪除表格中所有行。 getData()：擷取表格中資料，為XML結構的資料。如果一行都為空白，則忽略此行。 setFocus(v_row,v_col)：設定表格焦點，v_row是表格的行索引，v_col是表格的列索引。

js下載

table.js   主對象 ajax.js   xml解析支援函數

使用例子

初始化 var ot = new OTable("tableBigPlan"); ot.hasSort = true; ot.columnCount = 3; ot.columnWidths = new Array("50","100","100"); ot.addRow(""); 提交結果 var oHttpReq = CreateXMLHttp(); oHttpReq.open("POST", url, true); oHttpReq.send(ot.getData()); 服務端處理接收代碼 System.IO.Stream stream = Request.InputStream; System.IO.StreamReader reader = new System.IO.StreamReader(stream, System.Text.Encoding.UTF8); string datastr = reader.ReadToEnd(); System.IO.Stream stream2 = new System.IO.MemoryStream(System.Text.Encoding.Default.GetBytes(datastr)); DataSet ds = new DataSet(); ds.ReadXml(stream2);

附：傳入傳出的xml資料結構

<?xml version='1.0' encoding='gb2312'?> <data>   <table>     <col1>test1</col1><col2>a</col2>   </table>   <table>     <col1>test2</col1><col2>b</col2>   </table> </data>