GridJsの計算式の解説表示

計算式を含むセルにカーソルを合わせたときに計算式の解説を表示する手順は次のとおりです

ロードオプションを設定する。

たとえば:

 const option = {
     ...
     //set showFormulaExplain to true
    showFormulaExplain:true,
 };
  xs = x_spreadsheet('#gridjs-demo', option)

showFormulaExplain用のアクションURLを設定する。

たとえば:

    const formulaExplainUrl = "/GridJs2/FormulaExplain";
    xs.setFormulaExplainUrl(formulaExplainUrl);

ユーザーが計算式を含むセルにマウスを移動させると、計算式の解説表示の動作はスプレッドシートアプリケーションによって自動的にトリガーされます

コントローラーのサーバーサイドでのshow式の説明アクションAPIの実装。

たとえば:

  [HttpPost]
 public async Task<IActionResult> FormulaExplainAsync()
 {
     String formulaText = HttpContext.Request.Form["v"];
     String locale = HttpContext.Request.Form["locale"];
     if (string.IsNullOrEmpty(formulaText))
     {
         return Ok(new
         {
             Success = false,
             v = ""
         });
     }
     //here the formulaText is the formula ,etc "=SUM(B1:B10)"
     string correctedContent = await GetFormulaExplainAsync(formulaText, locale);

     return Ok(new
     {
         Success = true,
         v = correctedContent
     });
 }
 //you need to implement it youself
 private async Task<string> GetFormulaExplainAsync(string formulaText,string locale)
 {   String result=null;
     //your logic to get the detail explanation for the formulaText
     return result;
 }

todo:show式の画面