早速、トピックの テーブル関数に進みます。 1. 追加 3. 値の動的入力 5. focus 6. キーボードの左右のキーを使用してセルのフォーカスを制御します7. セルに通常の検証関数を追加します コードをコピーしますコードは次のとおりです: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="table.WebForm4" %> <br>var rowtmplate = "<tr><td class='TableData'><input type='text' style='border:0px; width:98%;'/></td> "; <br>rowtmplate = "<td class='TableData'><input type='text' style='border:0px; width:98%;'/></td>"; <br>rowtmplate = "<td class='TableData'><input type='text' style='border:0px; width:98%;'/></td>"; <br>rowtmplate = "<td class='TableData'><input type='text' style='border:0px; width:98%;'/></td>"; <br>rowtmplate = "<td class='TableData'><input type='text' style='border:0px; width:98%;'/></td>"; <br>rowtmplate = "<td class='TableData'><a href='#' >删除</a></td></tr>"; <br>$(document).ready(function() { <br>$(this).bind('keyup', function(e) { <br>switch (e.keyCode) { <br>case 38: / /上 ↑ <br>var arr = $.fn.getFocus(); <br>var rowIndex = arr[0] - 1; <br>$.fn.setFocus({ rowIndex: rowIndex,colIndex: arr[1] }); <br>$.fn.setCellsFocus(); <br>break; <br>case 40: //下 ↓ <br>var arr = $.fn.getFocus(); [0] 1; <br>$.fn.setFocus({ rowIndex: rowIndex,colIndex: arr[1] }); <br>$.fn.setCellsFocus(); 🎜>break; <br>} <br>}); <br>$('#mytbl').DynamicTable({ <br>rowCount: 3, //追加行数 <br>identity: 1, //第1列自動编号 <br>arrFocus: [2, 1], //第一单元格设置焦点 <br>rowTmplate: rowtmplate //行模版 <br>}); ).BindEvent({ <br>eventName: "click", <br>colIndex: 1, <br>fn:alertMsg <br>}); //默认给第一列绑定クリックイベント <br>$(' #mytbl').setCellsFocus(); //設置第一单元格焦点 <br>$('#mytbl').deleteRow(); //默认给第六列绑定删除イベント <br>$( '#mytbl').AutoFillData({ colIndex: 2, fn: getData }); //默认给第二列定自动充填データデータ <br>$('#mytbl').Identity({colIndex: 1 }) ; //默认给第一列自排序 <br>$('#mytbl').validationText({ reg: /^((d .d{2})|d )$/,colIndex:5,defalutValue:0.00 }); //默认给第二列追加验证(只能输入金格式) <br>}); <br>//追加行 <br>function addRow(count) { <br>$('#mytbl').addRow({ rowCount: count }); <br>$('#mytbl').Identity(); <br>$.fn.deleteRow(); <br>} <br>//获取自動充填データ <br>function getData(key) { <br>var arr = []; <br>arrFoucs = $.fn.getFocus(); <br>$.ajax({ <br>type: "post", <br>async: false, //制御制同步 <br>url: "getData.ashx", <br>dataType: "json", <br>キャッシュ: false、<br>成功: function(data) { <br>var idx = arrFoucs[0] - 2; <br>arr.push(data[idx].id);データ[idx].名前); <br>arr.push(データ[idx].コード); <br>arr.push(データ[idx])価格); <br>}, <br>エラー: function(err) { <br>alert(err); <br>$.fn.setCellsFocus({ rowIndex: arrFoucs[0],colIndex: 4 }); <br>arr を返します; <br>} <br>関数alertMsg() { <br>arrFoucs = $.fn.getFocus(); <br>alert('你单击了坐标X:' arrFoucs[0] ' Y:' arrFoucs[1] '的单元格'); <br>} <br> 序号 製品名 製品代価 单位 单价 追加 5 行