从 ROR 控制器 ruby​​ 调用 javascript 函数

Question

我有一个用 javascript 编写的函数，我想在我的 ruby​​ on rails 控制器 (.rb) 中调用（使用）。该函数使用 optgroup 动态创建和填充选择

我将如何将其转换为 Ruby 代码？我的问题是要找到 document.createElement("optgroup"); 之类的替代品

这是javascript代码：

enter function nbFct() {
var clipLists = ["Default", "Recent", "Sticky lists"];
var option1 = ["a", "b"];
var option2 = ["a", "x", "c"];
var option3 = ["f", "e", "c", "d"];
var listType = [];
var optionType = [];
for (var i = 0; i < clipLists.length; i++) {
// create dynamic optgroup from clipLists
listType[i] = document.createElement("optgroup");
listType[i].label = clipLists[i];   
//  alert(listType[i].label) ;
if(listType[i].label ==  "Default"){
    for (var j = 0; j < option3.length; j++) {
// create options and attach to optgroups
    optionType[j] = document.createElement("option");
    optionType[j].value = option3[j];
//      alert(optionType[j].value) ;
    optionType[j].appendChild(document.createTextNode(option3[j]));
    listType[i].appendChild(optionType[j]); 
    }
}
else if(listType[i].label ==  "Recent"){
    for (var j = 0; j < option2.length; j++) {
// create options and attach to optgroups
    optionType[j] = document.createElement("option");
    optionType[j].value = option2[j];
//      alert(optionType[j].value) ;
    optionType[j].appendChild(document.createTextNode(option2[j]));
    listType[i].appendChild(optionType[j]); 
    }
   }
   else{
      for (var j = 0; j < option1.length; j++) {
  // create options and attach to optgroups
        optionType[j] = document.createElement("option");
        optionType[j].value = option1[j];
  //            alert(optionType[j].value) ;
        optionType[j].appendChild(document.createTextNode(option1[j]));
        listType[i].appendChild(optionType[j]); 
      }
    }
  }
 // set the default
 optionType[1].selected = true;
 // clear select menu and append optgroups
 var selectMenu = document.getElementById("clipListOption");
while (selectMenu.hasChildNodes()) {
selectMenu.removeChild(selectMenu.firstChild);
}
 for (var i = 0; i < clipLists.length; i++) {
    if (listType[i].hasChildNodes()) { selectMenu.appendChild(listType[i]); }
  }
} 

Answer 1

你不能轻易做到这一点，除非通过一些异常折磨的黑客攻击。在 Rails 中，控制器无法看到视图内部。即使可以，它也无法从中提取 Javascript 并以某种方式在其自己的本地绑定上下文中运行它。即使可以，您也不想这样做，因为这严重违反了 MVC 模式。

如果您绝对想这样做，可能会涉及以下组合：

• 从客户端，POST 包含 JS 函数的字符串。

• 评估和解析 JS。

• 将 JS 转换为 Ruby 字符串。

• 在控制器的本地上下文中评估 Ruby 字符串。

这是很多工作。相反，模型应该在这里做繁重的工作，并依靠控制器给它指令，然后将其输出传递给视图。