实现OnClick类型的功能和格式化Rails部分视图

我正在尝试实现类似于onclick方法的功能 Javascript，使用Rails Helpers。 我已经为多个字段实现了自动完成功能 Rails 2.0.2和Ruby 1.8.7。此配置在Ubuntu 10.04上运行 是的，我知道..当我们有Rails 3.x时，你可能会感觉Rails 2.x， 这是因为项目的具体目的。我没有太多的 那个选择.. :)。 我能够成功检索特定于组的配置文件pic，一个组 标题和属于组的成员总数 给定的“标题”作为用户在其中输入的基本搜索查询 正在执行自动完成功能的文本字段。入门 适用于上述场景的自动完成功能是 挑战本身。 如果你无法更好地了解我拥有的东西 实现wrt自动完成，请参考 在Rails中为多个字段实现自动完成 。 您还可以参考http://imagepaste.nullnetwork.net/viewimage.php?id=2048，更好地了解我的实施情况， http://imagepaste.nullnetwork.net/viewimage.php?id=2050 和http://imagepaste.nullnetwork.net/viewimage.php?id=2049。 请注意，组特定配置文件pic的名称与 小组标题除了pic也有.jpg 附加到它。 我正在使用自定义的自动完成方法，自动完成 插件，也使用Rails部分。 cusotmized auto 完整的方法允许我修改基本功能以适应 我的要求。 来到我的问题，现在说如果用户在文本字段中输入“我”作为 根据我实施的自动完成功能，结果（for 找到了多个匹配项（即，如果存在多个匹配组 在用户上填充的特定搜索查询上以“I”开头 接口将具有以下所有内容： - 组特定配置文件Pic（s）开始 在这种情况下，名称与标题相同 “我％”。JPG 组标题名称。 属于的成员总数 一组 说我有印度和独立作为我的团体名称，我会得到 以下结果显示在我的自动完成文本字段中。 
India.jpg(image will be displayed)     India(Group title name displayed)               3(dummy value here)
和类似的 
Independence.jpg                     Independence
4
所有这些都将出现在一个文本字段中。请注意评论 括号不是通过自动完成返回的结果的一部分。 如果您无法在脑海中获得UI的图片 看看，请在www.diasp.org注册并随机搜索 用户在创建帐户后使用其搜索功能。 请注意图像，标题名称和总数之间的间距 小组成员人数太多了。我将在回顾这个问题 以下评论。 渲染所有这些的部分代码是： - 
<ul>
  <% for inv_group in @investor_group2 %>
  <%=image_tag "investor_groups/#{inv_group.title}.jpg" , :width =>
'40'，：height =>'22'，：align =>'left'％>＆lt;％= h inv_group.title ％>（＆lt;％= h inv_group.activated_members.size％>）       ＆LT;％端％>      现在，如果用户将他/她的鼠标悬停在说印度然后点击它， 文本字段填充
**India(3)**
。 我需要的是实现一个点击Rails就可以了 仅选择组标题。我试图实现组标题和 组大小与单独的
<li>
标签，然后我能够鼠标悬停和 只选择标题并为文本字段填充它。 这种方法的问题是它完全破坏了格式化 以及图像，标题和组大小之间的间距/间隙。 这需要格式化以获得更好的外观和感觉 用户界面。 如果我可以弄清楚如何减少每个之间的格式空间 三个title.jpg，标题和组大小。这个选项可能是 被认为是替代修复，但可能不是最好的解决方案。 我不太确定我怎么能和我一样（建议的解决方案） RoR中的新手很多东西。我不太确定什么命令 RoR我可以利用它来帮助我简化/解决我的任务。能够 你请帮帮我。 我还要感谢有关更有效修复的任何建议 这种情况。 我后来，在某种程度上能够通过使用javascript来弄清楚 onclick事件，我可以解决我的问题。我不太确定 使用Rails Helpers.I参考的相同语法 http://api.rubyonrails.org/classes/ActionView/Helpers/JavaScriptHelper.html#method-i-javascript_tag ，了解javascript_tag如何用于我的目的， 但如果这是出路，我真的对如何修改无能为力 基本语法，以满足我的要求。请帮助我同样的 可行。 谢谢..     
2019-11-03 3 条评论
分享

没有找到相关结果

    已邀请:

    掸牛浓疗

    Script.aculo.us Ajax.Autocompleter有一个简单的功能就是这种事情。要从自动填充结果中排除的任何元素只需要包含在span.informal标记中。所以你的结果看起来像这样： 
    <li>
    <span class="informal">[img tag]</span>
    India
    <span class="informal">whatever else</span>
</li>
    在自动完成程序的提示列表中单击此结果时，将仅在文本字段中输入单词India。     
    2019-11-03 0 0
    分享

    课刊灭似

    从http://www.ruby-forum.com/topic/1475454?reply_to=992312添加Walter的建议。 下面这段代码对我来说真的很神奇...... 
    <ul>
  <%= javascript_include_tag :defaults, :cache => true %>
  <%=stylesheet_link_tag "groups"%>
  <% for inv_group in @investor_group2 %>

   <li><div class="autocomp_field_width_modify" ><%=image_tag "investor_groups/#{inv_group.title}.jpg" , :width => '40', :height => '22', :align => 'left' %><%=h inv_group.title%><span class="informal">(<%=h inv_group.activated_members.size %>)</span></div></li>

  <%end%>
</ul>
    在我的groups.css中我添加了以下内容： - 
    .autocomp_field_width_modify
{
      text-align: justify;
      text-indent: 3%;
}
    感谢您的建议Walter，我知道我可能不会完全遵循HTML标记标准（我还有很多理由来加强我在HTML中的概念......）。但我很高兴终于根据要求开展工作。 再次感谢..沃尔特..     
    2019-11-03 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    或代码 OrCode.com 备案号：粤ICP备15020848号-1
    Escape time: 0.038604021072388