Execlは非常に強力であり、多くの組み込み関数または式はデータの処理能力を大幅に改善できます。それで、ウェブに同様のコントロールがありますか?検索の後、HandSontableには基本的なExcel関数サポート式があり、リアルタイムでデータを編集できることがわかりました。さらに、ドラッグコピー、Ctrl+C、Ctrl+Vなどをサポートします。ブラウザサポートの観点から、IE7+、FF、Chrome、Safari、Operaの次のブラウザをサポートします。
まず、関連するライブラリファイルが導入されます。フォーミュラサポートはHandsontable.full.jsには含まれておらず、個別に紹介する必要があります。
<スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/jquery/jquery-10.2.js"> </script> <script src = "http://handsontable.github.io/handsontable-rulejs/lib/handsable/funabled.ful.funabl. rel = "styleSheet" media = "screen" href = "http://handsontable.github.io/handsontable-rulejs/lib/handsontable/handsontable.full.css"> <スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/lib/lodash/lodash.js"> </scrip> <スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/lib/underscore.string/underscore.string.js"> </scrip> <スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/lib/moment/moment.js"> </scrip> <スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/lib/moment/moment.js"> </scrip> <スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/lib/numeral/numeral.js"> </scrip> <スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/lib/numericjs/numeric.js"> </scrip> <スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/lib/js-md5/md5.js"> </scrip> <スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/lib/js-md5/md5.js"> </scrip> <スクリプトsrc = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/lib/jstat/jstat.js"> </script> <script src = "http://handsontable.github.io/handsable-rulejs/lib/rib/rulejs/lib/lib/spristms src = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/js/parser.js"> </script> <script src = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/js/js/js/pars. src = "http://handsontable.github.io/handsontable-rulejs/lib/rulejs/js/rulejs.js"> </script> <script> <src = "http://handsontable.github.io/handsontable-rulejs/lib/handsable/ </handsable/
HTMLにdivコンテナを入れて、Handsontableコントロールを保存します。
<body> <div id = "handsontable-code"> </div> </body>
JavaScriptコードでは、最初にDIVコンテナを取得し、次にテーブルコントロールを作成します。
<script type = "text/javascript"> $(document).ready(function(){var data1 = ['= $ b $ 2'、 "mazerati"、 "mazda"、 "return 1+2;"、 'return dataaccess.getscalar( "cloud_users where cloud_users = 1589521486"、 " 2941、4303、354、5814]、[2010、5、2905、2867、 '= sum(a4、2、3)'、 '= $ b1']、[2011、4、2517、4822、552、6127]、[2012、 '= sum(a2:a2/' '= sum(b5、e3)' '= sum' = sum(a2:a2) 4151]; negativevaluerenderer(td、row、col、value、cellproperties {handsontable.textrenderer.apply(これ、引数) //cellproperties.readonly = td.tyle.background = document.createelement( 'span'); // DataTypeを返す:// "xml"、 "html"、 "json"、 "jsonp"、 "text" $( "#msg")。html(decodeuri.innerhtml = decodeuri(データ); // hideloading(); TD.AppendChild(NewValue); negialvaluerenderer); container1.handsontable({data:data1、minsparerows:1、colheaders:true、contextmenu:true、manualcolumnisize:true、formulas:function(row、col、prop){var cellproperties = {}; Handsontable.Stringify(this.instance.getData(列] [col]); </script>= sum(b5、e3)の式は、ルールJSによって提供されます。 return 1+2は、自分で実装されたC#コードスクリプトです。解析するにはクリックする必要があります。
パブリッククラスCSengine:ihttphandler {private static int count = 0; public void processRequest(httpcontext context){context.response.contenttype = "text/plain"; {count ++;文字列ret = "";文字列code = context.request ["code"]。toString(); if(string.isnullorempty(code)){ret = "parameter error"; } else {scriptoptions options = scriptoptions.default.addReferences(assembly.getasembly(typeof(dbservices.dataaccess)))//.addimports( "system.data")///.addimport( "system.data.sqlcliant").addimports(dbservices ")。 var state = csharpscript.runasync(code、options).result.returnvalue; ret = state.toString(); state = null; options = null; } console.writeline(count); context.response.write(ret); } catch(Exception ex){// Error Console.WriteLine(count); }} public bool isReusable {get {return false; }}}次のようにコードを実行します。
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。