Question

我有一个DefaultTemplate模型，其中包含现有记录。我有另一个Template模型，其中我有一个带有DefaultTemplate记录的collection_select。

我想要做的是，一旦用户选择其中一个选项，其相关数据（如内容和类型）应自动填充到新模板形式的text_fields中，以便保存它们。

我已经研究过，发现我可以用JQuery和Ajax Calls做到这一点，但是我对从哪里开始一无所知？我提到Auto populate text_fields based on selected item from another collection_select in Rails 3并且它回答了我想要的但是这个人自己发现代码很糟糕。我会感激任何帮助。感谢名单

Answer 1

<强>解决!!

好的，所以在我挠了头2天之后，我发现答案很简单。只有我一直害怕甚至给ajax一个尝试，我从来没有真正关注它。为了防止有人正在寻找相同的东西，这里有适合我的解决方案。

application.js文件

$(function($) {
    $("#email_template_id").change(function() {
        var selected_id = $("#email_template_id").val()
        if (selected_id == '')
        {
          $('#email_template_email_subject').val('')
        }
        else {
          $.ajax({
            type: "GET",
            url: "/default_email_templates/" + selected_id + ".json",
            dataType: 'json',
            success: function(data){
              $('#email_template_email_subject').val(data.email_subject)
            }
          });
        }
    });
});

查看（在EmailTemplate的_form.html.erb中，其中DefaultEmailTemplate是其值应出现在选择中的模型）

<%= form_for(@email_template) do |f| %>
   <div class="field">
     <%= f.label :default_email_template_id, "Template Type" %>
     <%= f.collection_select(:id, DefaultEmailTemplate.all, :id, :email_type, {prompt: "Select one"}, {:data => {remote: true}}) %>
   </div>
   <div class="field">
     <%= f.label :email_subject %>
     <%= f.text_field :email_subject %>
   </div>
   <div class="actions">
    <%= f.submit %>
   </div>
 <% end %>

我们可以通过简单地一个接一个地传递参数来减少ajax代码但是，我并不是很清楚这一点，而且dint确实尝试过。请发布有关代码的任何建议。感谢名单。

P.S：也许我看起来不太合适，但是当我这样做时，这些对我有很大帮助

How to do an Ajax GET request to get data from rails and pass it to javascript(google maps)?

passing text_field values in ajx on rails

Answer 2

＆＃13;

public JsonResult FillTask(int projectID)
        {
            List<tbltask> task = new List<tbltask>();
            task = te.getTasks(projectID);
            model.Tasks = task;
            model.task = task.Select(x => new SelectListItem
            {
                Value = x.TaskId.ToString(),
                Text = x.TaskName
            }).ToList();
            //var tasks = model.Tasks.Where(c => c.ProjectId == project);
            return Json(model, JsonRequestBehavior.AllowGet);
        }

＆＃13;

<script type="text/javascript">
    $(document).ready(function () {
        $("#tblprojects").change(function()
        {
            var projectID = $('#tblprojects').val();   
            if(projectID>0){
                FillTask(projectID)
            }
        });
    });
    function FillTask(projectID) {
        $.ajax({
            url: '@Url.Action("FillTask", "TimeEntry")',
            type: "GET",
            dataType: "JSON",
            data: { 'projectID': projectID},
            success: function (data) {  
                $(data.task).each(function()
                {
                    //this refers to the current item being iterated over
                    var option = $('<option />');
                    option.attr('value', this.Value).text(this.Text);

                    $('#task').append(option);
                });
            }
        });
    }
</script>

＆＃13;

我有绑定任务，只有当我点击该项目的项目任务详细信息加载到另一个下拉列表时，它才与该项目相关，它使用ajax和jquery来调用级联下拉列表！杰森方法也

从选定轨道上的其他模型的现有记录填充新表单上的文本字段

2 个答案: