JavaScript DHTML/Development/Data Binding

Содержание

1 "dataFld" Example
2 "dataFormatAs" Example
3 "dataPageSize" Example
4 "dataSrc" Example
5 "fieldDelim" Example
6 Named Recordset
7 "reason" Example
8 "recordNumber" Example
9 "recordset" Example

"dataFld" Example

   <source lang="html4strict">

<html> <head> <script language="javascript"> function rowEnter(){

   myTable.rows[myData.recordset.AbsolutePosition].style.backgroundColor = "yellow";

} function add(){

   myData.recordset.AddNew();

} function del(){

   if (myData.recordset.RecordCount > 0) 
       myData.recordset.Delete();

} </script> <script for="myTable" event="onreadystatechange">

   if (this.readyState == "complete"){ 
       this.rows(myData.recordset.AbsolutePosition).style.backgroundColor = "yellow";
       myData.onrowenter = rowEnter;
   }

</script> <script for="myData" event="onrowexit">

   for (var i = 1; i <= myData.recordset.RecordCount; i++){
       myTable.rows[i].style.backgroundColor = "";
   }

</script> <script for="tableList" event="onclick">

   myData.recordset.AbsolutePosition = this.recordNumber;
   window.event.cancelBubble = true;

</script> <script for="myData" event="oncellchange"> alert(event.dataFld); </script> </head> <body> <button onclick="add();">Add Record</button> <button onclick="del();">Delete</button> <button onclick="alert(firstname.dataFld);">dataFld</button> <button onclick="alert(myDiv.dataFormatAs);">dataFormatAs</button> <button onclick="alert(myTable.dataPageSize);">dataPage</button> <button onclick="alert(myTable.dataSrc);">dataSrc</button>

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

First Name: <input id="firstname" type="text" datasrc="#myData" datafld="firstname">
Last Name: <input id="lastname" type="text" datasrc="#myData" datafld="lastname">

First Name	Last Name

</body> </html>

     </source>

"dataFormatAs" Example

   <source lang="html4strict">

<html> <head> <script language="javascript"> function rowEnter(){

   myTable.rows[myData.recordset.AbsolutePosition].style.backgroundColor = "yellow";

} function add(){

   myData.recordset.AddNew();

} function del(){

   if (myData.recordset.RecordCount > 0) 
       myData.recordset.Delete();

} </script> <script for="myTable" event="onreadystatechange">

   if (this.readyState == "complete"){ 
       this.rows(myData.recordset.AbsolutePosition).style.backgroundColor = "yellow";
       myData.onrowenter = rowEnter;
   }

</script> <script for="myData" event="onrowexit">

   for (var i = 1; i <= myData.recordset.RecordCount; i++){
       myTable.rows[i].style.backgroundColor = "";
   }

</script> <script for="tableList" event="onclick">

   myData.recordset.AbsolutePosition = this.recordNumber;
   window.event.cancelBubble = true;

</script> <script for="myData" event="oncellchange"> alert(event.dataFld); </script> </head> <body> <button onclick="add();">Add Record</button> <button onclick="del();">Delete</button> <button onclick="alert(firstname.dataFld);">dataFld</button> <button onclick="alert(myDiv.dataFormatAs);">dataFormatAs</button> <button onclick="alert(myTable.dataPageSize);">dataPage</button> <button onclick="alert(myTable.dataSrc);">dataSrc</button>

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

First Name: <input id="firstname" type="text" datasrc="#myData" datafld="firstname">
Last Name: <input id="lastname" type="text" datasrc="#myData" datafld="lastname">

First Name	Last Name

</body> </html>

     </source>

"dataPageSize" Example

   <source lang="html4strict">

<html> <head> <script language="javascript"> function rowEnter(){

   myTable.rows[myData.recordset.AbsolutePosition].style.backgroundColor = "yellow";

} function add(){

   myData.recordset.AddNew();

} function del(){

   if (myData.recordset.RecordCount > 0) 
       myData.recordset.Delete();

} </script> <script for="myTable" event="onreadystatechange">

   if (this.readyState == "complete"){ 
       this.rows(myData.recordset.AbsolutePosition).style.backgroundColor = "yellow";
       myData.onrowenter = rowEnter;
   }

</script> <script for="myData" event="onrowexit">

   for (var i = 1; i <= myData.recordset.RecordCount; i++){
       myTable.rows[i].style.backgroundColor = "";
   }

</script> <script for="tableList" event="onclick">

   myData.recordset.AbsolutePosition = this.recordNumber;
   window.event.cancelBubble = true;

</script> <script for="myData" event="oncellchange"> alert(event.dataFld); </script> </head> <body> <button onclick="add();">Add Record</button> <button onclick="del();">Delete</button> <button onclick="alert(firstname.dataFld);">dataFld</button> <button onclick="alert(myDiv.dataFormatAs);">dataFormatAs</button> <button onclick="alert(myTable.dataPageSize);">dataPage</button> <button onclick="alert(myTable.dataSrc);">dataSrc</button>

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

First Name: <input id="firstname" type="text" datasrc="#myData" datafld="firstname">
Last Name: <input id="lastname" type="text" datasrc="#myData" datafld="lastname">

First Name	Last Name

</body> </html>

     </source>

"dataSrc" Example

   <source lang="html4strict">

<html> <head> <script language="javascript"> function rowEnter(){

   myTable.rows[myData.recordset.AbsolutePosition].style.backgroundColor = "yellow";

} function add(){

   myData.recordset.AddNew();

} function del(){

   if (myData.recordset.RecordCount > 0) 
       myData.recordset.Delete();

} </script> <script for="myTable" event="onreadystatechange">

   if (this.readyState == "complete"){ 
       this.rows(myData.recordset.AbsolutePosition).style.backgroundColor = "yellow";
       myData.onrowenter = rowEnter;
   }

</script> <script for="myData" event="onrowexit">

   for (var i = 1; i <= myData.recordset.RecordCount; i++){
       myTable.rows[i].style.backgroundColor = "";
   }

</script> <script for="tableList" event="onclick">

   myData.recordset.AbsolutePosition = this.recordNumber;
   window.event.cancelBubble = true;

</script> <script for="myData" event="oncellchange"> alert(event.dataFld); </script> </head> <body> <button onclick="add();">Add Record</button> <button onclick="del();">Delete</button> <button onclick="alert(firstname.dataFld);">dataFld</button> <button onclick="alert(myDiv.dataFormatAs);">dataFormatAs</button> <button onclick="alert(myTable.dataPageSize);">dataPage</button> <button onclick="alert(myTable.dataSrc);">dataSrc</button>

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

First Name: <input id="firstname" type="text" datasrc="#myData" datafld="firstname">
Last Name: <input id="lastname" type="text" datasrc="#myData" datafld="lastname">

First Name	Last Name

</body> </html>

     </source>

"fieldDelim" Example

   <source lang="html4strict">

<html> <head> <script language="javascript"> function rowEnter(){

   myTable.rows[myData.recordset.AbsolutePosition].style.backgroundColor = "yellow";

} function add(){

   myData.recordset.AddNew();

} function del(){

   if (myData.recordset.RecordCount > 0) 
       myData.recordset.Delete();

} </script> <script for="myTable" event="onreadystatechange">

   if (this.readyState == "complete"){ 
       this.rows(myData.recordset.AbsolutePosition).style.backgroundColor = "yellow";
       myData.onrowenter = rowEnter;
   }

</script> <script for="myData" event="onrowexit">

   for (var i = 1; i <= myData.recordset.RecordCount; i++){
       myTable.rows[i].style.backgroundColor = "";
   }

</script> <script for="tableList" event="onclick">

   myData.recordset.AbsolutePosition = this.recordNumber;
   window.event.cancelBubble = true;

</script> <script for="myData" event="oncellchange"> alert(event.dataFld); </script> </head> <body> <button onclick="add();">Add Record</button> <button onclick="del();">Delete</button> <button onclick="alert(firstname.dataFld);">dataFld</button> <button onclick="alert(myDiv.dataFormatAs);">dataFormatAs</button> <button onclick="alert(myTable.dataPageSize);">dataPage</button> <button onclick="alert(myTable.dataSrc);">dataSrc</button>

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

First Name: <input id="firstname" type="text" datasrc="#myData" datafld="firstname">
Last Name: <input id="lastname" type="text" datasrc="#myData" datafld="lastname">

First Name	Last Name

</body> </html>

     </source>

Named Recordset

   <source lang="html4strict">

<html> <head> <script language="javascript"> function goFirst(){

  document.all.myTable.dataPageSize = 2;
  myTable.firstPage();

} function goPrevious(){

  document.all.myTable.dataPageSize = 2;
  myTable.previousPage();

} function goNext(){

  document.all.myTable.dataPageSize = 2;
  myTable.nextPage();

} function goLast(){

  document.all.myTable.dataPageSize = 2;
  myTable.lastPage(); } </script>

<body> <button onclick="goFirst();">First Page</button> <button onclick="goPrevious();">Previous Page</button> <button onclick="goNext();">Next Page</button> <button onclick="goLast();">Last Page</button> <button onclick="alert(document.all.myData.namedRecordset(""));">Named recordset</ button> <object classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" id="myData">

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

First	Last

</body> </html>

     </source>

"reason" Example

   <source lang="html4strict">

<html> <head> <script language="javascript"> function rowEnter(){

   myTable.rows[myData.recordset.AbsolutePosition].style.backgroundColor = "yellow";

} function add(){

   myData.recordset.AddNew();

} function del(){

   if (myData.recordset.RecordCount > 0) 
       myData.recordset.Delete();

} </script> <script for="myTable" event="onreadystatechange">

   if (this.readyState == "complete"){ 
       this.rows(myData.recordset.AbsolutePosition).style.backgroundColor = "yellow";
       myData.onrowenter = rowEnter;
   }

</script> <script for="myData" event="onrowexit">

   for (var i = 1; i <= myData.recordset.RecordCount; i++){
       myTable.rows[i].style.backgroundColor = "";
   }

</script> <script for="tableList" event="onclick">

   myData.recordset.AbsolutePosition = this.recordNumber;
   window.event.cancelBubble = true;

</script> <script for="myData" event="oncellchange"> alert(event.dataFld); </script> </head> <body> <button onclick="add();">Add Record</button> <button onclick="del();">Delete</button> <button onclick="alert(firstname.dataFld);">dataFld</button> <button onclick="alert(myDiv.dataFormatAs);">dataFormatAs</button> <button onclick="alert(myTable.dataPageSize);">dataPage</button> <button onclick="alert(myTable.dataSrc);">dataSrc</button>

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

First Name: <input id="firstname" type="text" datasrc="#myData" datafld="firstname">
Last Name: <input id="lastname" type="text" datasrc="#myData" datafld="lastname">

First Name	Last Name

</body> </html>

     </source>

"recordNumber" Example

   <source lang="html4strict">

<html> <head> <script language="javascript"> function rowEnter(){

   myTable.rows[myData.recordset.AbsolutePosition].style.backgroundColor = "yellow";

} function add(){

   myData.recordset.AddNew();

} function del(){

   if (myData.recordset.RecordCount > 0) 
       myData.recordset.Delete();

} </script> <script for="myTable" event="onreadystatechange">

   if (this.readyState == "complete"){ 
       this.rows(myData.recordset.AbsolutePosition).style.backgroundColor = "yellow";
       myData.onrowenter = rowEnter;
   }

</script> <script for="myData" event="onrowexit">

   for (var i = 1; i <= myData.recordset.RecordCount; i++){
       myTable.rows[i].style.backgroundColor = "";
   }

</script> <script for="tableList" event="onclick">

   myData.recordset.AbsolutePosition = this.recordNumber;
   window.event.cancelBubble = true;

</script> <script for="myData" event="oncellchange"> alert(event.dataFld); </script> </head> <body> <button onclick="add();">Add Record</button> <button onclick="del();">Delete</button> <button onclick="alert(firstname.dataFld);">dataFld</button> <button onclick="alert(myDiv.dataFormatAs);">dataFormatAs</button> <button onclick="alert(myTable.dataPageSize);">dataPage</button> <button onclick="alert(myTable.dataSrc);">dataSrc</button>

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

First Name: <input id="firstname" type="text" datasrc="#myData" datafld="firstname">
Last Name: <input id="lastname" type="text" datasrc="#myData" datafld="lastname">

First Name	Last Name

</body> </html>

     </source>

"recordset" Example

   <source lang="html4strict">

<html> <head> <script language="javascript"> function rowEnter(){

   myTable.rows[myData.recordset.AbsolutePosition].style.backgroundColor = "yellow";

} function add(){

   myData.recordset.AddNew();

} function del(){

   if (myData.recordset.RecordCount > 0) 
       myData.recordset.Delete();

} </script> <script for="myTable" event="onreadystatechange">

   if (this.readyState == "complete"){ 
       this.rows(myData.recordset.AbsolutePosition).style.backgroundColor = "yellow";
       myData.onrowenter = rowEnter;
   }

</script> <script for="myData" event="onrowexit">

   for (var i = 1; i <= myData.recordset.RecordCount; i++){
       myTable.rows[i].style.backgroundColor = "";
   }

</script> <script for="tableList" event="onclick">

   myData.recordset.AbsolutePosition = this.recordNumber;
   window.event.cancelBubble = true;

</script> <script for="myData" event="oncellchange"> alert(event.dataFld); </script> </head> <body> <button onclick="add();">Add Record</button> <button onclick="del();">Delete</button> <button onclick="alert(firstname.dataFld);">dataFld</button> <button onclick="alert(myDiv.dataFormatAs);">dataFormatAs</button> <button onclick="alert(myTable.dataPageSize);">dataPage</button> <button onclick="alert(myTable.dataSrc);">dataSrc</button>

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

First Name: <input id="firstname" type="text" datasrc="#myData" datafld="firstname">
Last Name: <input id="lastname" type="text" datasrc="#myData" datafld="lastname">

First Name	Last Name

</body> </html>

     </source>

JavaScript DHTML/Development/Data Binding

Содержание

"dataFld" Example

"dataFormatAs" Example

"dataPageSize" Example

"dataSrc" Example

"fieldDelim" Example

Named Recordset

"reason" Example

"recordNumber" Example

"recordset" Example

Навигация

Персональные инструменты

Пространства имён

Варианты

Просмотры

Ещё

Поиск

Разделы

Навигация

Инструменты