3

ここで利用可能なjQuery.sheetの使用方法を理解しようとしています:

http://visop-dev.com/Project+jQuery.sheet

このスプレッドシート コンポーネントのデモは見栄えがよく、ローカルで実行する非常に単純な概念実証をまとめています。div でテーブルを作成し、それを sheet() 関数に渡すだけです。ただし、単純な表でさえスプレッドシートに変換することはできません。私はこのJavascriptコードを持っています:

$(function() {
  $("#jqsheet1").sheet(
    {
      title: 'Spreadsheet 1',
      buildSheet: '5x5',
      editable: true
    }
});

そして、HTML 本文には次のようなものがあります。

<div id="jqsheet1" class="jQuerySheet" style="height: 450px;">
  <table title="Spreadsheet 1">
    <tbody>
      <tr>
        <td>
          1
        </td>
        <td>
          2
        </td>

... 5 行 x 5 列の場合も同様です。JS ファイル jquery.js、jquery.sheet.js、parser.js はすべてローカル ディレクトリにあり、ドキュメントの head に読み込まれます。

HTML ファイルを読み込んで実際に得られるのは、スプレッドシート コントロールのない単純で退屈なテーブルです。明らかに私は何か間違ったことをしています。それは何ですか？

誰でも簡単なチュートリアルへのリンクを持っていますか? ダウンロードに含まれているjquery.sheet.htmlに従おうとしていますが、あまり成功していません。

4

2 に答える 2

3

js コードにエラーがあります。これは機能するはずです。

$(function() {
  $("#jqsheet1").sheet(
  {
    title: 'Spreadsheet 1',
    buildSheet: '5x5',
    editable: true
  });
});
于 2012-11-26T15:40:32.400 に答える
1

3.x以降、これを試してください：

<script>
  $(function(){
    $('#sheetParent').sheet({
      minSize: {rows: 5, cols: 5}
    });
  });
</script>
<div id="sheetParent"><table/></div>
于 2014-06-27T14:07:30.550 に答える